@extends('layouts.admin')

@section('title', '智能宿位分配')

@push('breadcrumb')
    <li class="breadcrumb-item active" aria-current="page">智能宿位分配</li>
@endpush

@push('styles')
<link rel="stylesheet" href="{{ asset('css/pages/smart_dorm_assignment.css') }}">
@endpush

@section('content')
<div class="page-header d-flex flex-wrap justify-content-between align-items-start gap-3">
    <div>
        <h1><i class="bi bi-magic me-3"></i>智能宿位分配</h1>
        <div class="meta">
            未分配宿舍工人：{{ $rows->count() }} 位
            @if($lastUpdated)
                · 距離資料更新於 {{ $lastUpdated }}
            @else
                · 尚未更新距離資料
            @endif
        </div>
    </div>
    <form action="{{ route('smart_dorm.refresh') }}" method="POST" onsubmit="return confirm('將向 OpenStreetMap 重新地理編碼並計算路線，可能需要數分鐘，確定繼續？');">
        @csrf
        <button type="submit" class="btn btn-light btn-lg">
            <i class="bi bi-arrow-clockwise me-1"></i>更新距離資料
        </button>
    </form>
</div>

<div class="toolbar-card d-flex flex-wrap align-items-center justify-content-between gap-3">
    <div class="text-muted small">
        建議依店鋪與宿舍地址距離；合規條件：剩餘容量 &gt; 0，性別為「不限」或與工人一致。
    </div>
    <div class="btn-group" role="group" aria-label="排序方式">
        <a href="{{ route('smart_dorm.index', ['sort' => 'driving']) }}"
           class="btn {{ $sortBy === 'driving' ? 'btn-success' : 'btn-outline-success' }}">
            <i class="bi bi-car-front me-1"></i>按行車
        </a>
        <a href="{{ route('smart_dorm.index', ['sort' => 'walking']) }}"
           class="btn {{ $sortBy === 'walking' ? 'btn-success' : 'btn-outline-success' }}">
            <i class="bi bi-person-walking me-1"></i>按步行
        </a>
    </div>
</div>

<div class="assign-table table-responsive">
    <table class="table mb-0">
        <thead>
            <tr>
                <th style="width: 22%">工人</th>
                <th style="width: 22%">店鋪</th>
                <th>建議宿舍（最多 3 間）</th>
                <th style="width: 12%" class="text-center">快速套用</th>
            </tr>
        </thead>
        <tbody>
            @forelse($rows as $row)
                @php
                    $worker = $row['worker'];
                    $suggestions = $row['suggestions'];
                    $reason = $row['reason'];
                    $best = $suggestions[0] ?? null;
                @endphp
                <tr>
                    <td>
                        <div class="worker-name">{{ $worker->zh_name ?: '（未填姓名）' }}</div>
                        <div class="worker-meta">
                            {{ $worker->en_name ?: '—' }}
                            · 性別：{{ $worker->gender ?: '未填' }}
                        </div>
                    </td>
                    <td>
                        @if($worker->branch)
                            <div class="fw-semibold">{{ $worker->branch->name }}</div>
                            <div class="worker-meta">
                                {{ $worker->branch->company?->name }}
                                @if($worker->branch->address)
                                    <br>{{ $worker->branch->address }}
                                @endif
                            </div>
                        @else
                            <span class="text-muted">未分配店鋪</span>
                        @endif
                    </td>
                    <td>
                        @if($reason && empty($suggestions))
                            <span class="reason-badge"><i class="bi bi-info-circle me-1"></i>{{ $reason }}</span>
                        @else
                            @foreach($suggestions as $i => $s)
                                @php $dorm = $s['dormitory']; @endphp
                                <div class="suggestion-card {{ $i === 0 ? 'best' : '' }}">
                                    <div class="d-flex justify-content-between align-items-start gap-2">
                                        <div class="flex-grow-1">
                                            <div class="suggestion-title">
                                                @if($i === 0)<span class="badge bg-success me-1">最佳</span>@endif
                                                {{ $dorm->displayName() }}
                                            </div>
                                            <div class="suggestion-stats">
                                                空位 {{ $s['available'] }}
                                                · 性別 {{ $dorm->gender_limit ?: '不限' }}
                                                · 行車 {{ \App\Services\DormAssignmentService::formatDistance($s['driving_distance_m']) }}
                                                （{{ \App\Services\DormAssignmentService::formatDuration($s['driving_duration_s']) }}）
                                                · 步行 {{ \App\Services\DormAssignmentService::formatDistance($s['walking_distance_m']) }}
                                                （{{ \App\Services\DormAssignmentService::formatDuration($s['walking_duration_s']) }}）
                                            </div>
                                            @if(!empty($s['rooms']))
                                                <div class="suggestion-rooms mt-1 small text-muted">
                                                    <i class="bi bi-door-open me-1"></i>空房：
                                                    @foreach($s['rooms'] as $ri => $r)
                                                        <span class="badge bg-light text-dark border">{{ $r['room']->room_number }}（剩 {{ $r['available'] }} 床）@if($r['room']->gender_limit)·限{{ $r['room']->gender_limit }}@endif</span>
                                                    @endforeach
                                                </div>
                                            @endif
                                        </div>
                                        <form action="{{ route('smart_dorm.assign', $worker) }}" method="POST">
                                            @csrf
                                            <input type="hidden" name="dormitory_id" value="{{ $dorm->id }}">
                                            @if(!empty($s['rooms']))
                                                <select name="room_id" class="form-select form-select-sm mb-1" style="min-width: 9rem;" title="可指定房號">
                                                    <option value="">不指定房號</option>
                                                    @foreach($s['rooms'] as $r)
                                                        <option value="{{ $r['room']->id }}">房 {{ $r['room']->room_number }}（剩 {{ $r['available'] }} 床）</option>
                                                    @endforeach
                                                </select>
                                            @endif
                                            <button type="submit" class="btn btn-sm btn-outline-success btn-apply">
                                                選這間
                                            </button>
                                        </form>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </td>
                    <td class="text-center">
                        @if($best)
                            <form action="{{ route('smart_dorm.assign', $worker) }}" method="POST">
                                @csrf
                                <input type="hidden" name="dormitory_id" value="{{ $best['dormitory']->id }}">
                                @if(!empty($best['rooms']))
                                    <input type="hidden" name="room_id" value="{{ $best['rooms'][0]['room']->id }}">
                                @endif
                                <button type="submit" class="btn btn-success btn-sm">
                                    <i class="bi bi-check2-circle me-1"></i>套用最佳
                                </button>
                            </form>
                        @else
                            <span class="text-muted">—</span>
                        @endif
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="4">
                        <div class="empty-state">
                            <i class="bi bi-check-circle"></i>
                            <h5>目前沒有未分配宿舍的工人</h5>
                            <p class="text-muted mb-0">所有工人皆已有宿舍，或資料庫中尚無工人。</p>
                        </div>
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection