@php
    use App\Models\LoanBookApplication;

    $events = collect();

    foreach ($recentPayments ?? collect() as $payment) {
        $at = $payment->transaction_at ?? $payment->created_at;
        $loan = $payment->loan;
        $events->push([
            'at' => $at,
            'type' => 'Payment',
            'title' => 'Payment received',
            'amount' => (float) ($payment->amount ?? 0),
            'meta' => $loan?->loan_number,
            'href' => $loan ? route('loan.book.loans.show', $loan) : null,
            'tone' => 'success',
        ]);
    }

    foreach (($clientApplications ?? collect())->take(5) as $app) {
        $events->push([
            'at' => $app->updated_at ?? $app->created_at,
            'type' => 'Application',
            'title' => $app->reference,
            'amount' => (float) $app->displayPrincipal(),
            'meta' => str((string) $app->stage)->headline(),
            'href' => route('loan.book.applications.show', $app),
            'tone' => 'info',
        ]);
    }

    foreach (array_slice($communicationTimeline ?? [], 0, 5) as $item) {
        $events->push([
            'at' => filled($item['occurred_at'] ?? null) ? \Illuminate\Support\Carbon::parse($item['occurred_at']) : null,
            'type' => ucfirst((string) ($item['channel'] ?? 'SMS')),
            'title' => str($item['event'] ?? $item['template_code'] ?? 'Message')->limit(48)->toString(),
            'amount' => null,
            'meta' => (string) ($item['delivery_canonical'] ?? $item['status'] ?? ''),
            'href' => null,
            'tone' => in_array(strtolower((string) ($item['delivery_canonical'] ?? $item['status'] ?? '')), ['failed', 'undelivered'], true) ? 'danger' : 'neutral',
        ]);
    }

    foreach (($clientTransfers ?? collect())->take(3) as $transfer) {
        $events->push([
            'at' => $transfer->created_at,
            'type' => 'Transfer',
            'title' => ($transfer->to_branch ?: 'Reassigned'),
            'amount' => null,
            'meta' => $transfer->toEmployee?->full_name,
            'href' => null,
            'tone' => 'neutral',
        ]);
    }

    foreach (($walletStatement ?? collect())->take(3) as $tx) {
        $events->push([
            'at' => $tx->created_at ?? $tx->transaction_at ?? null,
            'type' => 'Wallet',
            'title' => str((string) ($tx->type ?? 'Tx'))->headline(),
            'amount' => (float) ($tx->amount ?? 0),
            'meta' => null,
            'href' => null,
            'tone' => 'neutral',
        ]);
    }

    $timeline = $events
        ->filter(fn ($e) => $e['at'] !== null)
        ->sortByDesc(fn ($e) => $e['at'])
        ->take(10)
        ->values();

    $grouped = $timeline->groupBy(fn ($e) => $e['at']->format('Y-m-d'));
@endphp

@if ($timeline->isNotEmpty())
    <section class="loan-client-360__activity loan-client-360__section" aria-label="Recent activity">
        <div class="flex flex-wrap items-center justify-between gap-2">
            <h2 class="loan-client-360__eyebrow">Recent activity</h2>
            <button type="button" class="c360-timeline-link" @click="setTab('payments'); document.getElementById('client-360-records')?.scrollIntoView({ behavior: 'smooth', block: 'start' })">View full timeline &rarr;</button>
        </div>
        <div class="mt-1.5">
            @foreach ($grouped as $dateKey => $dayEvents)
                @php $dateLabel = $dayEvents->first()['at']->isToday() ? 'Today' : ($dayEvents->first()['at']->isYesterday() ? 'Yesterday' : $dayEvents->first()['at']->format('M j, Y')); @endphp
                <h3 class="loan-client-360__activity-date">{{ $dateLabel }}</h3>
                <ol class="divide-y divide-slate-100" role="list">
                    @foreach ($dayEvents as $event)
                        @php
                            $toneDot = match ($event['tone'] ?? 'neutral') {
                                'success' => 'bg-emerald-500',
                                'danger' => 'bg-rose-500',
                                'info' => 'bg-sky-500',
                                default => 'bg-slate-300',
                            };
                        @endphp
                        <li class="loan-client-360__activity-row" role="listitem">
                            <span class="mt-2 h-1.5 w-1.5 shrink-0 rounded-full {{ $toneDot }}" aria-hidden="true"></span>
                            <div class="grid min-w-0 flex-1 grid-cols-[1fr_auto] items-baseline gap-x-3 gap-y-0.5">
                                <div class="min-w-0">
                                    <p class="text-sm text-slate-900">
                                        @if (! empty($event['href']))
                                            <a href="{{ $event['href'] }}" class="font-semibold text-slate-900 hover:text-teal-800 hover:underline">{{ $event['title'] }}</a>
                                        @else
                                            <span class="font-semibold">{{ $event['title'] }}</span>
                                        @endif
                                        @if (! empty($event['meta']))
                                            <span class="text-xs text-slate-500">· {{ $event['meta'] }}</span>
                                        @endif
                                    </p>
                                </div>
                                <div class="text-right">
                                    @if ($event['amount'] !== null)
                                        <span class="text-sm font-bold tabular-nums text-slate-900">KES {{ number_format($event['amount'], 0) }}</span>
                                    @endif
                                    <time class="block text-[10px] tabular-nums text-slate-500" datetime="{{ $event['at']->toIso8601String() }}">{{ $event['at']->format('g:i A') }}</time>
                                </div>
                            </div>
                        </li>
                    @endforeach
                </ol>
            @endforeach
        </div>
    </section>
@else
    <section class="loan-client-360__activity loan-client-360__section c360-activity--empty" aria-label="Recent activity">
        <h2 class="loan-client-360__eyebrow">Recent activity</h2>
        <p class="mt-3 text-sm text-slate-500">No recent activity recorded.</p>
    </section>
@endif