@php
    $maturingCount = (int) ($totals['maturing_count'] ?? 0);
    $arrearsCount = (int) ($totals['arrears_count'] ?? 0);
    $scopeLabel = $scopeLabel ?? 'this period';
    $tab = $tab ?? 'register';
    $tabQuery = $tabQuery ?? fn (array $extra = []) => collect(request()->query())
        ->except(['page', 'export'])
        ->merge($extra)
        ->reject(fn ($value) => $value === null || $value === '')
        ->all();
@endphp

<div class="mb-3 grid grid-cols-1 gap-2 sm:grid-cols-2 text-xs">
    <div class="rounded-lg border border-teal-200 bg-teal-50/70 p-3">
        <span class="text-teal-800/80">Last installments · {{ $scopeLabel }}</span>
        <p class="text-lg font-semibold text-teal-950">
            {{ number_format($maturingCount, 0) }}
            <span class="text-sm font-medium text-teal-800/70">{{ $maturingCount === 1 ? 'client' : 'clients' }}</span>
        </p>
        <p class="mt-0.5 text-[11px] text-teal-900/70">Final installment due — repeat-client opportunity.</p>
        @if ($maturingCount > 0)
            <a href="{{ route('loan.book.collections.sheet', $tabQuery(['tab' => $tab, 'insight' => 'maturing'])) }}" class="mt-1 inline-flex h-5 w-5 items-center justify-center rounded border border-teal-400 bg-white text-xs font-bold text-teal-900 hover:bg-teal-50" aria-label="Show last-installment clients">+</a>
        @endif
    </div>
    <div class="rounded-lg border border-red-200 bg-red-50/70 p-3">
        <span class="text-red-800/80">Needs attention · {{ $scopeLabel }}</span>
        <p class="text-lg font-semibold text-red-950">
            {{ number_format($arrearsCount, 0) }}
            <span class="text-sm font-medium text-red-800/70">{{ $arrearsCount === 1 ? 'client' : 'clients' }}</span>
        </p>
        <p class="mt-0.5 text-[11px] text-red-900/70">
            On the payment schedule but already in arrears
            @if (($totals['arrears_amount'] ?? 0) > 0.01)
                · KES {{ number_format($totals['arrears_amount'] ?? 0, 0) }}
            @endif
        </p>
        @if ($arrearsCount > 0)
            <a href="{{ route('loan.book.collections.sheet', $tabQuery(['tab' => $tab, 'insight' => 'arrears'])) }}" class="mt-1 inline-flex h-5 w-5 items-center justify-center rounded border border-red-300 bg-white text-xs font-bold text-red-900 hover:bg-red-50" aria-label="Show clients needing attention">+</a>
        @endif
    </div>
</div>