@extends('layouts.admin')
@section('content')
<div class="flex justify-between items-end"><div><p class="pulso-label">Billing</p><h1 class="text-3xl font-display">Invoices</h1></div><a href="{{ route('admin.invoices.create') }}" class="bg-ink-900 text-white px-5 py-2.5 text-[11px] tracking-[0.14em] uppercase">New invoice</a></div>
<div class="mt-6 bg-white border border-stone-200">
<table class="w-full text-sm"><thead class="bg-stone-50 border-b text-[11px] tracking-[0.14em] uppercase"><tr><th class="px-4 py-3 text-left">Ref</th><th class="px-4">Patient</th><th class="px-4 text-right">Total</th><th class="px-4 text-right">Actions</th></tr></thead><tbody>
@forelse($invoices as $inv)<tr class="border-b border-stone-100"><td class="px-4 py-3 text-xs">{{ $inv->reference }}</td><td class="px-4">{{ $inv->patient->user->first_name ?? '' }}</td><td class="px-4 text-right">${{ number_format($inv->total,2) }}</td><td class="px-4 text-right flex justify-end gap-2"><a href="{{ route('admin.invoices.show',$inv) }}" class="border border-stone-200 px-3 py-1 text-xs">View</a><a href="{{ route('admin.invoices.edit',$inv) }}" class="border border-ink-900 px-3 py-1 text-xs">Edit</a><form method="POST" action="{{ route('admin.invoices.destroy',$inv) }}" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')<button class="bg-emergency-600 text-white px-3 py-1 text-xs">Remove</button></form></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-4">{{ $invoices->links() }}</div>
@endsection