@extends('layouts.app')
@section('content')
<div class="px-4 lg:px-10 py-8">
<p class="pulso-label">Patient portal</p><h1 class="text-3xl font-display mt-1">Invoices</h1>
<div class="mt-6 border border-stone-200 bg-white">
<table class="w-full text-sm"><thead class="bg-stone-50 border-b border-stone-200 text-[11px] tracking-[0.14em] uppercase"><tr><th class="px-4 py-3 text-left">Invoice</th><th class="px-4 text-right">Total</th><th class="px-4 text-right">Balance</th><th class="px-4 text-right">Action</th></tr></thead><tbody>
@forelse($invoices as $inv)<tr class="border-b border-stone-100"><td class="px-4 py-3">{{ $inv->reference }}<br><span class="text-xs text-ink-400">{{ $inv->issued_on?->format('j M Y') }}</span></td><td class="px-4 text-right">${{ number_format($inv->total,2) }}</td><td class="px-4 text-right font-medium">${{ number_format($inv->balance,2) }}</td><td class="px-4 text-right"><a href="{{ route('portal.invoices.show',$inv) }}" class="border border-ink-900 px-3 py-1.5 text-[11px] uppercase">View</a></td></tr>@empty<tr><td colspan="4" class="p-8 text-center text-ink-400">No invoices.</td></tr>@endforelse
</tbody></table>
</div>
<div class="mt-6">{{ $invoices->links() }}</div>
</div>
@endsection