@extends('layouts.app')
@section('title', 'Invoices')

@section('content')
<div class="overflow-x-auto rounded-3xl border border-slate-200">
<table class="min-w-full text-sm bg-white">
<thead class="bg-slate-50"><tr class="text-left text-slate-500"><th class="p-4">Invoice No</th><th class="p-4">Amount</th><th class="p-4">Currency</th><th class="p-4">Due Date</th><th class="p-4">Status</th></tr></thead>
<tbody class="divide-y divide-slate-100">
@foreach($invoices as $invoice)
<tr><td class="p-4">{{ $invoice->invoice_no }}</td><td class="p-4">{{ number_format($invoice->amount, 2) }}</td><td class="p-4">{{ $invoice->currency }}</td><td class="p-4">{{ $invoice->due_date }}</td><td class="p-4">{{ strtoupper($invoice->status) }}</td></tr>
@endforeach
</tbody>
</table>
</div>
<div class="mt-6">{{ $invoices->links() }}</div>
@endsection