@extends('layouts.admin')
@section('content')
<a href="{{ route('admin.invoices.index') }}" class="text-[11px] uppercase border-b border-ink-900 pb-1">← Invoices</a>
<h1 class="text-3xl font-display mt-3">{{ $invoice->reference }} — ${{ number_format($invoice->total,2) }}</h1>
<p class="text-sm text-ink-400">{{ $invoice->patient->user->first_name ?? '' }} · {{ $invoice->status->value }}</p>
<div class="mt-4 flex gap-2"><a href="{{ route('admin.invoices.edit',$invoice) }}" class="border border-ink-900 px-5 py-2 text-xs uppercase">Edit</a><form method="POST" action="{{ route('admin.invoices.destroy',$invoice) }}" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')<button class="bg-emergency-600 text-white px-5 py-2 text-xs">Remove</button></form></div>
<div class="mt-6 bg-white border border-stone-200 p-5">
<table class="w-full text-sm"><thead class="border-b"><tr><th class="text-left py-2">Item</th><th class="text-right">Amount</th></tr></thead><tbody>
@foreach($invoice->items as $it)<tr class="border-b border-stone-100"><td class="py-2">{{ $it->description }}</td><td class="text-right">${{ number_format($it->line_total,2) }}</td></tr>@endforeach
</tbody></table>
</div>
@endsection