{{-- resources/views/tests/weekly/partials/_sections.blade.php --}}
@php
    $allEmpty = collect($groups)->every(fn($g) => $g['items']->isEmpty());
@endphp

@if($allEmpty)
    <div class="rounded-3xl border border-dashed border-slate-200 bg-white/80 px-4 py-10 text-center text-slate-500 text-sm">
        لا توجد اختبارات متاحة لك حالياً.
    </div>
@else
    @foreach($groups as $group)
        @if($group['items']->isNotEmpty())
            <div class="space-y-3">
                <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2">
                    <div class="flex items-center gap-3">
                        <h2 class="text-sm sm:text-base font-extrabold text-slate-900">
                            {{ $group['title'] }}
                        </h2>
                        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[11px] bg-white border border-slate-200 text-slate-700">
                            {{ $group['items']->count() }}
                        </span>
                    </div>
                    <div class="text-[11px] text-slate-500">
                        {{ $group['hint'] }}
                    </div>
                </div>

                <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4">
                    @foreach($group['items'] as $row)
                        @include('tests.weekly.partials._test_card', [
                            'test' => $row['model'],
                            'ui'   => $row['ui'],
                        ])
                    @endforeach
                </div>
            </div>
        @endif
    @endforeach
@endif