@extends('layouts.app')
@section('title', 'Receivables')
@section('content')
<div class="stat-card mb-6 inline-block"><p class="text-xs text-gray-500">Total Outstanding</p><p class="text-2xl font-bold text-red-600">KES {{ number_format($total) }}</p></div>
<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <table class="w-full"><thead class="bg-gray-50"><tr><th class="table-header">Invoice</th><th class="table-header">Patient</th><th class="table-header">Total</th><th class="table-header">Paid</th><th class="table-header">Balance</th><th class="table-header">Mode</th><th class="table-header">Date</th></tr></thead>
    <tbody>@foreach($invoices as $i)<tr class="border-b border-gray-50"><td class="table-cell font-mono text-xs">{{ $i->invoice_number }}</td><td class="table-cell">{{ $i->patient->full_name ?? '' }}</td><td class="table-cell">{{ number_format($i->total_amount) }}</td><td class="table-cell text-green-600">{{ number_format($i->amount_paid) }}</td><td class="table-cell font-bold text-red-600">{{ number_format($i->balance) }}</td><td class="table-cell capitalize">{{ $i->payment_mode }}</td><td class="table-cell">{{ $i->created_at->format('d M') }}</td></tr>@endforeach</tbody></table>
    <div class="px-4 py-3 border-t">{{ $invoices->links() }}</div>
</div>
@endsection