@extends('layouts.admin')
@section('title', 'Rekap Per Warga')
@section('admin_content')
<section class="admin-card p-6">
    <h3 class="text-2xl font-black text-slate-950">{{ $resident->name }}</h3>
    <p class="mt-1 text-slate-500">{{ $resident->address }} - {{ $resident->phone }}</p>
</section>
<div class="mt-6 admin-card overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-slate-50 text-left">
            <tr>
                <th class="p-4">Periode</th>
                <th>Total</th>
                <th>Dibayar</th>
                <th>Sisa</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>@foreach($resident->dues as $d)<tr class="border-t">
                <td class="p-4">{{ $d->period }}</td>
                <td>Rp {{ number_format($d->totalBill(),0,',','.') }}</td>
                <td>Rp {{ number_format($d->paid_amount,0,',','.') }}</td>
                <td>Rp {{ number_format($d->remaining(),0,',','.') }}</td>
                <td><span class="badge">{{ $d->status }}</span></td>
            </tr>@endforeach</tbody>
    </table>
</div>
@endsection