@php $rec = $data['receivables']; @endphp

<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-5">
  <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Total receivable</p><p class="text-[18px] font-bold text-blue-700">{{ \App\Support\Format::mwk($rec['total_receivable']) }}</p></div>
  <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Overdue</p><p class="text-[18px] font-bold text-red-600">{{ \App\Support\Format::mwk($rec['overdue_amount']) }}</p></div>
  <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Current</p><p class="text-[18px] font-bold text-emerald-700">{{ \App\Support\Format::mwk($rec['current_receivable']) }}</p></div>
  <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Largest debtor</p><p class="text-[14px] font-bold text-slate-800 truncate">{{ $rec['largest_debtor']?->name ?? '—' }}</p></div>
</div>

<div class="dp overflow-x-auto">
  <table>
    <thead>
      <tr class="border-b border-slate-100">
        <th class="th">Client</th>
        <th class="th">Invoice #</th>
        <th class="th">Project</th>
        <th class="th">Invoice date</th>
        <th class="th">Due date</th>
        <th class="th text-right">Total</th>
        <th class="th text-right">Paid</th>
        <th class="th text-right">Balance</th>
        <th class="th">Aging</th>
        <th class="th">Status</th>
      </tr>
    </thead>
    <tbody>
      @forelse($rec['rows'] as $wrap)
        @php $inv = $wrap['invoice']; @endphp
        <tr>
          <td class="td">{{ $inv->client?->name ?? '—' }}</td>
          <td class="td font-mono text-[11px]">{{ $inv->invoice_number }}</td>
          <td class="td">{{ $inv->project?->name ?? '—' }}</td>
          <td class="td">{{ optional($inv->invoice_date)?->format('Y-m-d') }}</td>
          <td class="td">{{ optional($inv->due_date)?->format('Y-m-d') }}</td>
          <td class="td text-right">{{ \App\Support\Format::mwkDecimal($inv->total_amount) }}</td>
          <td class="td text-right">{{ \App\Support\Format::mwkDecimal($inv->paid_amount) }}</td>
          <td class="td text-right font-semibold">{{ \App\Support\Format::mwkDecimal($inv->balance_due) }}</td>
          <td class="td"><span class="badge a">{{ $wrap['aging_bucket'] }}</span></td>
          <td class="td"><span class="badge s">{{ $inv->status }}</span></td>
        </tr>
      @empty
        <tr><td colspan="10" class="td text-center text-slate-400 py-10">No outstanding receivables for this view.</td></tr>
      @endforelse
    </tbody>
  </table>
</div>

@if(count($rec['warnings']))
  @foreach($rec['warnings'] as $w)
    <div class="mt-3 text-[12px] text-amber-800 bg-amber-50 border border-amber-200 rounded-lg px-3 py-2">{{ $w }}</div>
  @endforeach
@endif