@php
    use App\Models\LoanBookApplication;

    $nextInstallment = $nextInstallment ?? null;
    $pipelineApps = ($clientApplications ?? collect())->filter(
        fn ($app) => (string) $app->stage !== LoanBookApplication::STAGE_DECLINED
            && ((string) $app->stage !== LoanBookApplication::STAGE_DISBURSED
                || $app->isAwaitingTreasuryDisbursement())
    );
    $pipelineCount = $pipelineApps->count();
    $latestPipeline = $pipelineCount > 0 ? $pipelineApps->sortByDesc('updated_at')->first() : null;
    $latestPayment = ($recentPayments ?? collect())->first();
    $borrowerCategory = str((string) ($originationSnapshot['category'] ?? ''))->replace('_', ' ')->title()->toString();
@endphp

<section class="c360-glance-row" aria-label="Installment and payment summary">
    <article class="c360-glance-card">
        <p class="c360-glance-card__label">Next installment</p>
        @if ($nextInstallment)
            @php
                $dueDate = $nextInstallment->due_date;
                $isOverdue = $dueDate && $dueDate->isPast() && ! in_array($nextInstallment->status, ['paid', 'settled'], true);
                $dueAmount = max(0, (float) ($nextInstallment->total_due ?? 0) - (float) ($nextInstallment->total_paid ?? 0));
            @endphp
            <p @class(['c360-glance-card__value', 'text-rose-700' => $isOverdue])>{{ optional($dueDate)->format('M j, Y') ?? '—' }}</p>
            <p class="c360-glance-card__sub font-bold tabular-nums">KES {{ number_format($dueAmount, 0) }}</p>
            <p @class(['c360-glance-card__hint', 'font-medium text-rose-600' => $isOverdue])>
                {{ $isOverdue ? 'Overdue — follow up' : 'Due amount remaining' }}
            </p>
        @else
            <p class="c360-glance-card__value text-base text-slate-500">—</p>
            <p class="c360-glance-card__hint">No pending installments</p>
        @endif
    </article>

    <article class="c360-glance-card">
        <p class="c360-glance-card__label">Latest pipeline file</p>
        @if ($latestPipeline)
            <p class="c360-glance-card__value truncate font-mono text-base">{{ $latestPipeline->reference }}</p>
            <p class="c360-glance-card__hint">{{ str((string) $latestPipeline->stage)->headline() }} · KES {{ number_format((float) $latestPipeline->displayPrincipal(), 0) }}</p>
            <button type="button" @click="setTab('applications'); document.getElementById('client-360-records')?.scrollIntoView({ behavior: 'smooth' })" class="c360-kpi-card__link">View applications &rarr;</button>
        @else
            <p class="c360-glance-card__value text-base text-slate-500">None open</p>
            <p class="c360-glance-card__hint">No application in progress</p>
            @if (($loan_client->kind ?? null) === \App\Models\LoanClient::KIND_CLIENT)
                <a href="{{ route('loan.book.applications.create', ['loan_client_id' => $loan_client->id, 'lock_client' => 1]) }}" class="c360-kpi-card__link">Start application &rarr;</a>
            @endif
        @endif
    </article>

    <article class="c360-glance-card">
        <p class="c360-glance-card__label">Last payment</p>
        @if ($latestPayment)
            <p class="c360-glance-card__value">KES {{ number_format((float) ($latestPayment->amount ?? 0), 0) }}</p>
            <p class="c360-glance-card__hint">
                {{ optional($latestPayment->transaction_at ?? $latestPayment->created_at)->format('M j, Y') ?? '—' }}
                · {{ $latestPayment->loan?->loan_number ?? '—' }}
            </p>
            <button type="button" @click="setTab('payments'); document.getElementById('client-360-records')?.scrollIntoView({ behavior: 'smooth' })" class="c360-kpi-card__link">All payments &rarr;</button>
        @else
            <p class="c360-glance-card__value text-base text-slate-500">—</p>
            <p class="c360-glance-card__hint">No repayments yet</p>
        @endif
        @if ($borrowerCategory !== '')
            <p class="mt-2 border-t border-slate-100 pt-2 text-[11px] text-slate-500">
                Borrower class: <span class="font-semibold text-slate-800">{{ $borrowerCategory }}</span>
            </p>
        @endif
    </article>
</section>