@php
    $baseUrl = route('platform.mystery.assessor.allocate');
@endphp

<div class="mb-4">
    <div class="row g-3 align-items-end">
        <div class="col-md-3">
            <label class="form-label">Sector</label>
            <select
                class="form-control"
                onchange="window.location.href='{{ $baseUrl }}?sector_id=' + encodeURIComponent(this.value) + '&month={{ $selectedMonth }}'"
            >
                @foreach($sectors as $sector)
                    <option value="{{ $sector->id }}" @selected($selectedSectorId === (int) $sector->id)>{{ $sector->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label">Month</label>
            <select
                class="form-control"
                onchange="window.location.href='{{ $baseUrl }}?sector_id={{ $selectedSectorId }}&month=' + encodeURIComponent(this.value)"
            >
                @forelse($availableMonths as $month)
                    <option value="{{ $month }}" @selected($selectedMonth === $month)>
                        {{ \Carbon\Carbon::createFromFormat('Y-m', $month)->format('F Y') }}
                    </option>
                @empty
                    <option value="">No pending months found</option>
                @endforelse
            </select>
        </div>
        <div class="col-md-6">
            <div class="alert alert-info mb-0">
                Allocate access and quality assessors after mystery shopper allocation. Scenario and shopper details stay visible here for context.
            </div>
        </div>
    </div>
</div>

<input type="hidden" name="selected_sector_id" value="{{ $selectedSectorId }}">
<input type="hidden" name="selected_month" value="{{ $selectedMonth }}">

@if($availableMonths->isEmpty())
    <div class="alert alert-warning mb-0">No pending assignment months were found for this sector.</div>
@elseif($businesses->isEmpty())
    <div class="alert alert-warning mb-0">No assignments were found for the selected sector and month.</div>
@else
    <div class="table-responsive">
        <table class="table table-bordered table-striped align-middle">
            <thead>
                <tr>
                    <th>Business</th>
                    @for($callNumber = 1; $callNumber <= $maxCallCount; $callNumber++)
                        <th>Call {{ $callNumber }}</th>
                    @endfor
                </tr>
            </thead>
            <tbody>
                @foreach($businesses as $business)
                    @php
                        $assignment = $assignmentsByBusiness->get($business->id);
                        $callsByNumber = $assignment?->calls?->keyBy('call_number') ?? collect();
                    @endphp
                    <tr>
                        <td><strong>{{ $business->name }}</strong></td>
                        @for($callNumber = 1; $callNumber <= $maxCallCount; $callNumber++)
                            @php $call = $callsByNumber->get($callNumber); @endphp
                            <td style="min-width: 260px;">
                                @if($call)
                                    <div class="small text-muted mb-1">
                                        Scenario {{ $call->scenario_number ?? 'N/A' }} |
                                        Mystery Shopper: {{ $call->mysteryShopper->name ?? 'Unassigned' }}
                                    </div>
                                    <select class="form-control mb-2" name="calls[{{ $call->id }}][assessor_access_id]">
                                        <option value="">Select Access Assessor</option>
                                        @foreach($accessAssessors as $user)
                                            <option value="{{ $user->id }}" @selected((int) $call->assessor_access_id === (int) $user->id)>{{ $user->name }}</option>
                                        @endforeach
                                    </select>
                                    <select class="form-control" name="calls[{{ $call->id }}][assessor_quality_id]">
                                        <option value="">Select Quality Assessor</option>
                                        @foreach($qualityAssessors as $user)
                                            <option value="{{ $user->id }}" @selected((int) $call->assessor_quality_id === (int) $user->id)>{{ $user->name }}</option>
                                        @endforeach
                                    </select>
                                @else
                                    <span class="text-muted small">No scenario call set</span>
                                @endif
                            </td>
                        @endfor
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endif