@extends('layouts.admin')
@section('title', 'Bills')
@section('content')
<x-admin.page title="Bills" subtitle="AP invoices, three-way match exceptions, and approvals.">
    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Bills</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $stats['total'] }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Exceptions</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $stats['exceptions'] }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Open AP</div><div class="mt-1 text-2xl font-semibold text-[#202223]">AUD {{ number_format($stats['open_cents'] / 100, 2) }}</div></x-admin.card>
    </div>

    <x-admin.advanced-table
        id="bills"
        :search-url="route('admin.accounting.bills')"
        search-placeholder="Search bill or invoice number…"
        :columns="['number'=>'Number','supplier'=>'Supplier','invoice'=>'Invoice','status'=>'Status','total'=>'Total','actions'=>'Actions']"
    >
        <x-slot:filters>
            <form method="get" action="{{ route('admin.accounting.bills') }}" class="flex flex-wrap items-end gap-3">
                <input type="hidden" name="q" value="{{ request('q') }}">
                <div>
                    <label class="admin-label">Status</label>
                    <select name="status" class="admin-input" onchange="this.form.submit()">
                        <option value="">All</option>
                        @foreach(['draft','matched','exception','approved','paid','void'] as $status)
                            <option value="{{ $status }}" @selected(request('status')===$status)>{{ str($status)->headline() }}</option>
                        @endforeach
                    </select>
                </div>
                <label class="flex items-center gap-2 pb-2 text-sm">
                    <input type="checkbox" name="exceptions" value="1" @checked(request()->boolean('exceptions')) onchange="this.form.submit()">
                    Exceptions only
                </label>
                <a href="{{ route('admin.accounting.bills') }}" class="admin-btn">Clear</a>
            </form>
        </x-slot:filters>

        <thead>
            <tr>
                <th data-col="number">Number</th>
                <th data-col="supplier">Supplier</th>
                <th data-col="invoice">Invoice</th>
                <th data-col="status">Status</th>
                <th data-col="total">Total</th>
                <th data-col="actions"></th>
            </tr>
        </thead>
        <tbody>
            @forelse($bills as $bill)
                @php $tone = match($bill->status) { 'matched','approved','paid' => 'success', 'exception' => 'danger', 'draft' => 'muted', default => 'warning' }; @endphp
                <tr>
                    <td data-col="number" class="font-medium">{{ $bill->number }}</td>
                    <td data-col="supplier">{{ $bill->supplier?->name ?? '—' }}</td>
                    <td data-col="invoice" class="text-[#6d7175]">{{ $bill->invoice_number }}</td>
                    <td data-col="status"><x-admin.badge :tone="$tone">{{ $bill->status }}</x-admin.badge></td>
                    <td data-col="total" class="font-medium tabular-nums">{{ $bill->currency }} {{ number_format($bill->total_cents / 100, 2) }}</td>
                    <td data-col="actions" class="text-right">
                        <a class="text-sm font-medium text-[#2c6ecb]" href="{{ route('admin.accounting.bills.show', $bill) }}">Open</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="p-12 text-center text-[#6d7175]">No bills found.</td></tr>
            @endforelse
        </tbody>
        <x-slot:footer>{{ $bills->links() }}</x-slot:footer>
    </x-admin.advanced-table>
</x-admin.page>
@endsection