@php
    $rows = $allocationPresentation['allocation_rows'] ?? [];
@endphp

<div class="space-y-3">
    <p class="text-xs text-slate-500">
        Processed payment allocations for installment #{{ $allocationPresentation['installment_no'] ?? '—' }}.
        The same transaction may appear under other installments when its amount was split across dues.
    </p>
    @if (! empty($allocationPresentation['allocation_overflow']))
        <p class="text-xs text-amber-800">
            Linked receipts on this installment exceed its due amount. Extra cash should have spilled to the next schedule row.
        </p>
    @endif
    @if ($rows === [])
        <p class="text-sm text-slate-500">No processed payment allocations recorded for this installment.</p>
    @else
        <div class="overflow-x-auto rounded-lg border border-slate-200">
            <table class="min-w-full text-xs">
                <thead class="bg-slate-50 text-left text-[10px] uppercase tracking-wide text-slate-500">
                    <tr>
                        <th class="px-2 py-2">Payment date</th>
                        <th class="px-2 py-2">Transaction</th>
                        <th class="px-2 py-2">Payment method</th>
                        <th class="px-2 py-2 text-right">Received amount</th>
                        <th class="px-2 py-2 text-right">Allocated to this installment</th>
                        <th class="px-2 py-2 text-right">Running on this installment</th>
                        <th class="px-2 py-2">Reference</th>
                        <th class="px-2 py-2">Received by</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                    @foreach ($rows as $alloc)
                        <tr>
                            <td class="px-2 py-2 whitespace-nowrap">{{ $alloc['transaction_at'] ?? '—' }}</td>
                            <td class="px-2 py-2 font-mono font-semibold text-slate-800">{{ $alloc['receipt'] ?? '—' }}</td>
                            <td class="px-2 py-2">{{ $alloc['payment_method'] ?? '—' }}</td>
                            <td class="px-2 py-2 text-right tabular-nums">{{ number_format((float) ($alloc['transaction_amount'] ?? 0), 2) }}</td>
                            <td class="px-2 py-2 text-right tabular-nums font-semibold text-emerald-700">{{ number_format((float) ($alloc['allocated_to_installment'] ?? 0), 2) }}</td>
                            <td class="px-2 py-2 text-right tabular-nums text-slate-600">{{ number_format((float) ($alloc['running_installment_allocation'] ?? $alloc['remaining_transaction_allocation'] ?? 0), 2) }}</td>
                            <td class="px-2 py-2 font-mono text-[11px]">{{ $alloc['reference'] ?? '—' }}</td>
                            <td class="px-2 py-2">{{ $alloc['received_by'] ?? '—' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>