@php
    $weekDays = $weekDays ?? [];
    $selectedDay = $selectedDay ?? '';
    $tabQuery = $tabQuery ?? fn (array $extra = []) => [];
    $maxExpected = 0.0;
    foreach ($weekDays as $day) {
        $maxExpected = max($maxExpected, (float) ($day['expected'] ?? 0));
    }
@endphp

@if (count($weekDays) > 0)
    <div class="due-today-no-print mb-3">
        <div class="mb-2 flex flex-wrap items-center justify-between gap-2">
            <p class="text-[11px] font-semibold uppercase tracking-wide text-slate-500">Days this week</p>
            <a href="{{ route('loan.book.collections.sheet', $tabQuery(['tab' => 'weekly', 'day' => null])) }}" class="text-[11px] font-semibold {{ $selectedDay === '' ? 'text-slate-900 underline' : 'text-blue-600 hover:underline' }}">All week</a>
        </div>
        <div class="grid grid-cols-2 gap-2 sm:grid-cols-4 lg:grid-cols-7">
            @foreach ($weekDays as $day)
                @php
                    $date = (string) ($day['date'] ?? '');
                    $isSelected = $selectedDay !== '' && $selectedDay === $date;
                    $upcoming = (bool) ($day['upcoming'] ?? false);
                    $band = (string) ($day['band'] ?? 'empty');
                    $expected = (float) ($day['expected'] ?? 0);
                    $clients = (int) ($day['client_count'] ?? 0);
                    $empty = $expected <= 0.01;
                    $barPct = $maxExpected > 0.01 ? min(100, ($expected / $maxExpected) * 100) : 0;
                    $cardClass = match (true) {
                        ! $upcoming => 'border-slate-200 bg-slate-50 text-slate-400',
                        $isSelected => 'border-slate-800 bg-white ring-1 ring-slate-800',
                        $band === 'heavy' => 'border-amber-300 bg-amber-50',
                        $band === 'empty' => 'border-slate-200 bg-white',
                        default => 'border-slate-200 bg-white hover:border-slate-400',
                    };
                    $selectUrl = route('loan.book.collections.sheet', $tabQuery([
                        'tab' => 'weekly',
                        'day' => $isSelected ? null : $date,
                    ]));
                    $peopleUrl = ! $empty
                        ? route('loan.book.collections.sheet', $tabQuery([
                            'tab' => 'weekly',
                            'day' => $date,
                            'insight' => 'expected',
                        ]))
                        : null;
                    $bandLabel = match ($band) {
                        'heavy' => 'Heavy',
                        'medium' => 'Busy',
                        'light' => 'Light',
                        default => $upcoming ? 'Empty' : 'Past',
                    };
                @endphp
                <div class="rounded-lg border p-2.5 text-xs {{ $cardClass }}">
                    @if ($selectUrl)
                        <a href="{{ $selectUrl }}" class="block">
                            <p class="font-semibold {{ $isSelected || $upcoming ? 'text-slate-900' : '' }}">{{ $day['weekday'] }}</p>
                            <p class="text-[11px] {{ $upcoming ? 'text-slate-500' : '' }}">{{ $day['date_label'] }}</p>
                        </a>
                    @else
                        <p class="font-semibold">{{ $day['weekday'] }}</p>
                        <p class="text-[11px]">{{ $day['date_label'] }}</p>
                    @endif
                    <p class="mt-1 font-semibold tabular-nums {{ $empty ? 'text-slate-400' : ($upcoming ? 'text-slate-900' : 'text-slate-700') }}">KES {{ number_format($expected, 0) }}</p>
                    <p class="text-[11px] {{ $upcoming ? 'text-slate-500' : '' }}">{{ number_format($clients, 0) }} {{ $clients === 1 ? 'client' : 'clients' }} · {{ $bandLabel }}</p>
                    <div class="mt-1.5 h-1 overflow-hidden rounded-full bg-slate-200">
                        <div class="h-full rounded-full {{ $band === 'heavy' ? 'bg-amber-500' : ($empty ? 'bg-slate-200' : 'bg-slate-500') }}" style="width: {{ $barPct }}%"></div>
                    </div>
                    @if ($peopleUrl)
                        <a href="{{ $peopleUrl }}" class="mt-1.5 inline-flex h-5 w-5 items-center justify-center rounded border border-slate-300 bg-white text-xs font-bold text-slate-700 hover:bg-slate-50" aria-label="Show {{ $day['weekday'] }} clients">+</a>
                    @endif
                </div>
            @endforeach
        </div>
    </div>
@endif