{{-- Evaluations awaiting the current reviewer. $queue, $reviewRoute, $title, $empty --}}
<section class="slmc-card mb-6 overflow-hidden">
    <div class="flex flex-wrap items-center justify-between gap-3 border-b border-slmc-line p-6">
        <div>
            <p class="mb-1 text-xs font-semibold tracking-widest text-slmc-600 uppercase">Action required</p>
            <h3 class="text-xl font-bold text-slmc">{{ $title }}</h3>
        </div>
        <span @class(['rounded-full px-3 py-1 text-xs font-semibold', 'bg-warm-gradient text-white' => $queue->isNotEmpty(), 'bg-slmc-tint text-slmc-500' => $queue->isEmpty()])>{{ $queue->count() }} pending</span>
    </div>
    <div class="overflow-x-auto">
        <table class="w-full text-left text-sm">
            <thead class="bg-slmc-tint text-[11px] tracking-wider text-slmc-500 uppercase">
                <tr>
                    <th class="px-6 py-3 font-bold">Intern</th>
                    <th class="px-6 py-3 font-bold">Evaluation</th>
                    <th class="px-6 py-3 font-bold">Hospital / Unit</th>
                    <th class="px-6 py-3 font-bold">Status</th>
                    <th class="px-6 py-3"></th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slmc-line">
                @forelse($queue as $e)
                    <tr class="hover:bg-[#f7faff]">
                        <td class="px-6 py-4 font-semibold text-slmc">{{ $e->allocation->intern->name }}</td>
                        <td class="px-6 py-4">Q{{ $e->quarter }} <span class="block text-xs text-gray-400">{{ $e->period_starts_on->format('M Y') }} – {{ $e->period_ends_on->format('M Y') }}</span></td>
                        <td class="px-6 py-4">{{ $e->allocation->hospital->name }} <span class="block text-xs text-gray-400">{{ $e->allocation->unit }}</span></td>
                        <td class="px-6 py-4">@include('partials.evaluation.status-badge', ['evaluation' => $e])</td>
                        <td class="px-6 py-4 text-right">
                            <a href="{{ route($reviewRoute, $e) }}" class="bg-login-panel inline-flex items-center gap-1.5 rounded-lg px-4 py-2 text-xs font-semibold whitespace-nowrap text-white hover:brightness-110">Review <i class="ri-arrow-right-line"></i></a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="px-6 py-10 text-center"><i class="ri-checkbox-circle-line mb-2 block text-3xl text-emerald-400"></i><span class="text-gray-500">{{ $empty }}</span></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>