@php
    $statusCounts = [
        'pending' => (int) ($reschedule_status_counts->pending_count ?? 0),
        'approved' => (int) ($reschedule_status_counts->approved_count ?? 0),
        'rejected' => (int) ($reschedule_status_counts->rejected_count ?? 0),
    ];
    $selectedRescheduleStatus = $active_reschedule_status ?? request('reschedule_status', 'all');
@endphp

<div class="row px-4 pt-3">
    <div class="col-md-8">
        <form method="GET" action="{{ url()->current() }}" class="d-flex flex-wrap gap-2">
            <input type="hidden" name="tab" value="reschedule">
            <select name="reschedule_status" class="form-select" style="max-width: 220px"
                onchange="this.form.submit()">
                <option value="all" @selected($selectedRescheduleStatus === 'all')>
                    Semua Status ({{ array_sum($statusCounts) }})
                </option>
                <option value="pending" @selected($selectedRescheduleStatus === 'pending')>
                    Pending ({{ $statusCounts['pending'] }})
                </option>
                <option value="approved" @selected($selectedRescheduleStatus === 'approved')>
                    Approved ({{ $statusCounts['approved'] }})
                </option>
                <option value="rejected" @selected($selectedRescheduleStatus === 'rejected')>
                    Rejected ({{ $statusCounts['rejected'] }})
                </option>
            </select>
            <input type="text" name="reschedule_search" value="{{ request('reschedule_search') }}"
                class="form-control" style="max-width: 260px" placeholder="Cari booking, ruangan, alasan...">
            <button class="btn btn-primary mb-0" type="submit">
                <i class="fas fa-search me-1"></i>Cari
            </button>
        </form>
    </div>
</div>

<div class="row px-4 py-3">
    <div class="col-12">
        <div class="table-responsive">
            <table class="table align-middle">
                <thead class="thead-light" style="background-color: #00b7bd4f;">
                    <tr>
                        <th class="text-center">No</th>
                        <th class="text-center">Booking</th>
                        <th class="text-center">Jadwal Lama</th>
                        <th class="text-center">Jadwal Usulan</th>
                        <th class="text-center">Alasan</th>
                        <th class="text-center">Status</th>
                        <th class="text-center">Catatan Resepsionis</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($reschedule_requests as $reschedule)
                        <tr>
                            <td class="text-center">
                                {{ ($reschedule_requests->currentPage() - 1) * $reschedule_requests->perPage() + $loop->iteration }}
                            </td>
                            <td class="text-center">
                                <strong>{{ $reschedule->booking_id }}</strong><br>
                                <small class="text-secondary">{{ $reschedule->created_at }}</small>
                            </td>
                            <td class="text-center">
                                <strong>{{ $reschedule->old_room_name }}</strong><br>
                                <small>{{ $reschedule->old_date }}
                                    {{ substr($reschedule->old_start_time, 0, 5) }}&ndash;{{ substr($reschedule->old_end_time, 0, 5) }}</small>
                            </td>
                            <td class="text-center">
                                <strong>{{ $reschedule->new_room_name }}</strong><br>
                                <small>{{ $reschedule->new_date }}
                                    {{ substr($reschedule->new_start_time, 0, 5) }}&ndash;{{ substr($reschedule->new_end_time, 0, 5) }}</small>
                            </td>
                            <td class="text-center">{{ $reschedule->reason }}</td>
                            <td class="text-center">
                                <span class="badge {{ $reschedule->status === 'pending' ? 'bg-warning' : ($reschedule->status === 'approved' ? 'bg-success' : 'bg-danger') }}">
                                    {{ ucfirst($reschedule->status) }}
                                </span>
                            </td>
                            <td class="text-center">
                                {{ $reschedule->review_note ?: '-' }}
                                {{-- @if ($reschedule->reviewer_name)
                                    <small class="d-block text-secondary">oleh {{ $reschedule->reviewer_name }}</small>
                                @endif --}}
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center text-secondary py-4">
                                Belum ada pengajuan reschedule.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="d-flex justify-content-center">
            {{ $reschedule_requests->links('pages.pagination.custom') }}
        </div>
    </div>
</div>