@php $pay = $data['payables']; @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 payable</p><p class="text-[18px] font-bold text-red-700">{{ \App\Support\Format::mwk($pay['total_payable']) }}</p></div>
  <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Supplier bills</p><p class="text-[18px] font-bold text-slate-800">{{ \App\Support\Format::mwk($pay['bill_total']) }}</p></div>
  <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Payroll payable</p><p class="text-[18px] font-bold text-slate-800">{{ \App\Support\Format::mwk($pay['payroll_payable']) }}</p></div>
  <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Largest supplier</p><p class="text-[14px] font-bold text-slate-800 truncate">{{ $pay['largest_supplier']?->name ?? '—' }}</p></div>
</div>

<div class="dp overflow-x-auto">
  <table>
    <thead>
      <tr class="border-b border-slate-100">
        <th class="th">Payee</th>
        <th class="th">Reference</th>
        <th class="th">Project</th>
        <th class="th">Date</th>
        <th class="th">Due</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>
      </tr>
    </thead>
    <tbody>
      @forelse($pay['rows'] as $r)
        @if($r['type'] === 'bill')
          @php $bill = $r['bill']; @endphp
          <tr>
            <td class="td font-medium">{{ $r['supplier']?->name ?? '—' }}</td>
            <td class="td font-mono text-[11px]">{{ $bill->bill_number }}</td>
            <td class="td">{{ $r['project']?->name ?? '—' }}</td>
            <td class="td">{{ optional($bill->bill_date)?->format('Y-m-d') }}</td>
            <td class="td">{{ optional($bill->due_date)?->format('Y-m-d') }}</td>
            <td class="td text-right">{{ \App\Support\Format::mwkDecimal($bill->total_amount) }}</td>
            <td class="td text-right">{{ \App\Support\Format::mwkDecimal($bill->paid_amount) }}</td>
            <td class="td text-right font-semibold">{{ \App\Support\Format::mwkDecimal($bill->balance_due) }}</td>
            <td class="td"><span class="badge a">{{ $r['aging_bucket'] }}</span></td>
          </tr>
        @else
          @php $run = $r['payroll_run']; @endphp
          <tr class="bg-slate-50">
            <td class="td font-medium">Payroll</td>
            <td class="td">{{ $r['label'] }}</td>
            <td class="td">—</td>
            <td class="td">{{ optional($run->period_end)?->format('Y-m-d') }}</td>
            <td class="td">—</td>
            <td class="td text-right">{{ \App\Support\Format::mwkDecimal($run->total_net) }}</td>
            <td class="td text-right">—</td>
            <td class="td text-right font-semibold">{{ \App\Support\Format::mwkDecimal($run->total_net) }}</td>
            <td class="td"><span class="badge s">current</span></td>
          </tr>
        @endif
      @empty
        <tr><td colspan="9" class="td text-center text-slate-400 py-10">No payables for this view.</td></tr>
      @endforelse
    </tbody>
  </table>
</div>
@if(count($pay['warnings']))
  @foreach($pay['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