@php
    $prepaidRows = $totals['prepaid_rows'] ?? [];
    $prepaidAmount = (float) ($totals['prepaid'] ?? 0);
    $collectedTodayAmount = (float) ($totals['collected_today'] ?? 0);
    $collectedCount = (int) ($totals['collected_count'] ?? 0);
    $fullyPaidCount = (int) ($totals['fully_paid_count'] ?? 0);
    $partiallyPaidCount = (int) ($totals['partially_paid_count'] ?? 0);
@endphp
<div class="mb-4" x-data="{ prepaidOpen: false }">
    <div class="grid grid-cols-2 gap-2 sm:grid-cols-4 text-xs">
        <div class="rounded border bg-white p-3">
            <span class="text-slate-500">Expected Today</span>
            <p class="text-lg font-semibold">
                KES {{ number_format($totals['expected'] ?? 0, 0) }}
                <span class="text-sm font-medium text-slate-500">({{ number_format($totals['client_count'] ?? 0, 0) }} {{ ($totals['client_count'] ?? 0) === 1 ? 'client' : 'clients' }})</span>
            </p>
        </div>

        <div class="rounded border bg-white p-3">
            <span class="text-slate-500">Collected Today</span>
            <p class="text-base font-semibold leading-tight">
                KES {{ number_format($totals['collected'] ?? 0, 0) }}
                @if ($collectedCount > 0)
                    <span class="text-[11px] font-medium text-slate-500">({{ number_format($collectedCount, 0) }} paid)</span>
                @endif
            </p>
            <p class="mt-0.5 flex flex-wrap items-center gap-x-1.5 gap-y-0.5 text-[11px] leading-snug text-slate-600">
                <span>Today <span class="font-semibold tabular-nums text-slate-800">KES {{ number_format($collectedTodayAmount, 0) }}</span></span>
                <span class="text-slate-300">·</span>
                <span class="inline-flex items-center gap-1">
                    Prepaid <span class="font-semibold tabular-nums text-slate-800">KES {{ number_format($prepaidAmount, 0) }}</span>
                    @if ($prepaidAmount > 0.01 && count($prepaidRows) > 0)
                        <button
                            type="button"
                            class="due-today-no-print inline-flex h-4 w-4 items-center justify-center rounded border border-slate-300 bg-white text-[11px] font-bold leading-none text-slate-700 hover:bg-slate-50"
                            @click="prepaidOpen = !prepaidOpen"
                            :aria-expanded="prepaidOpen.toString()"
                            :aria-label="prepaidOpen ? 'Hide prepaid clients' : 'Show prepaid clients'"
                            x-text="prepaidOpen ? '−' : '+'"
                        ></button>
                    @endif
                </span>
            </p>
            @if ($fullyPaidCount > 0 || $partiallyPaidCount > 0)
                <p class="mt-0.5 text-[11px] font-medium leading-snug text-slate-500">
                    {{ number_format($fullyPaidCount, 0) }} fully paid
                    · {{ number_format($partiallyPaidCount, 0) }} partially paid
                </p>
            @endif
        </div>

        <div class="rounded border bg-white p-3">
            <span class="text-slate-500">Outstanding</span>
            <p class="text-lg font-semibold">
                KES {{ number_format($totals['outstanding'] ?? 0, 0) }}
                @if (($totals['outstanding_count'] ?? 0) > 0)
                    <span class="text-sm font-medium text-slate-500">({{ number_format($totals['outstanding_count'] ?? 0, 0) }} {{ ($totals['outstanding_count'] ?? 0) === 1 ? 'client' : 'clients' }})</span>
                @endif
            </p>
        </div>

        <div class="rounded border bg-white p-3"><span class="text-slate-500">Collection %</span><p class="text-lg font-semibold">{{ number_format($totals['collection_pct'] ?? 0, 1) }}%</p></div>
    </div>

    @if (count($prepaidRows) > 0)
        <div x-show="prepaidOpen" x-cloak x-transition class="due-today-no-print mt-2 overflow-x-auto rounded-lg border border-slate-200 bg-white shadow-sm">
            <p class="border-b border-slate-100 px-3 py-2 text-[11px] font-semibold uppercase tracking-wide text-slate-500">
                Prepaid toward today's installments
                <span class="font-medium normal-case tracking-normal text-slate-400">({{ count($prepaidRows) }} {{ count($prepaidRows) === 1 ? 'receipt' : 'receipts' }})</span>
            </p>
            <table class="min-w-full text-[11px]">
                <thead class="bg-slate-50 text-left text-slate-500">
                    <tr>
                        <th class="px-3 py-1.5 font-medium">Client</th>
                        <th class="px-3 py-1.5 text-right font-medium">Amount</th>
                        <th class="px-3 py-1.5 font-medium">Date paid</th>
                        <th class="px-3 py-1.5 font-medium">Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($prepaidRows as $prepaidRow)
                        <tr class="border-t border-slate-100">
                            <td class="px-3 py-1.5 text-slate-800">{{ $prepaidRow['name'] }}</td>
                            <td class="px-3 py-1.5 text-right tabular-nums font-medium text-slate-800">{{ number_format((float) $prepaidRow['amount'], 0) }}</td>
                            <td class="px-3 py-1.5 tabular-nums text-slate-600">{{ $prepaidRow['paid_on'] }}</td>
                            <td class="px-3 py-1.5 capitalize text-slate-600">{{ $prepaidRow['status'] }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>

@if (($totals['maturing_count'] ?? 0) > 0)
    <div class="due-today-no-print mb-3 rounded-lg border border-teal-300 bg-teal-50 px-3 py-2 text-xs text-teal-950">
        <span class="font-semibold">{{ number_format((int) $totals['maturing_count'], 0) }}</span>
        {{ ((int) $totals['maturing_count']) === 1 ? 'loan is' : 'loans are' }}
        on their final installment and maturity date today — repeat-client opportunity.
    </div>
@endif