@extends('layouts.admin')
@section('title', 'Accounts receivable')
@section('content')
@php
  $open = $arInvoices->whereNotIn('status', ['paid', 'void'])->count();
  $openCents = $arInvoices->whereNotIn('status', ['paid', 'void'])->sum('total_cents');
@endphp
<x-admin.page title="Accounts receivable" subtitle="Customer invoices, allocations, and outstanding balances.">
    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Invoices</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $arInvoices->total() }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Open on page</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $open }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Page outstanding</div><div class="mt-1 text-2xl font-semibold text-[#202223]">AUD {{ number_format($openCents / 100, 2) }}</div></x-admin.card>
    </div>

    <x-admin.advanced-table
        id="ar-invoices"
        :search-url="route('admin.accounting.ar-invoices')"
        :columns="['number'=>'Number','customer'=>'Customer','status'=>'Status','total'=>'Total','allocated'=>'Allocated','actions'=>'Actions']"
    >
        <x-slot:filters>
            <form method="get" action="{{ route('admin.accounting.ar-invoices') }}" class="flex items-end gap-3">
                <div>
                    <label class="admin-label">Status</label>
                    <select name="status" class="admin-input" onchange="this.form.submit()">
                        <option value="">All</option>
                        @foreach(['draft','posted','paid','void'] as $status)
                            <option value="{{ $status }}" @selected(request('status')===$status)>{{ str($status)->headline() }}</option>
                        @endforeach
                    </select>
                </div>
                <a href="{{ route('admin.accounting.ar-invoices') }}" class="admin-btn">Clear</a>
            </form>
        </x-slot:filters>

        <thead>
            <tr>
                <th data-col="number">Number</th>
                <th data-col="customer">Customer</th>
                <th data-col="status">Status</th>
                <th data-col="total">Total</th>
                <th data-col="allocated">Allocated</th>
                <th data-col="actions"></th>
            </tr>
        </thead>
        <tbody>
            @forelse($arInvoices as $invoice)
                @php $tone = match($invoice->status) { 'posted','paid' => 'success', 'draft' => 'muted', default => 'warning' }; @endphp
                <tr>
                    <td data-col="number" class="font-medium">{{ $invoice->number }}</td>
                    <td data-col="customer" class="text-[#6d7175]">#{{ $invoice->customer_id ?? '—' }}</td>
                    <td data-col="status"><x-admin.badge :tone="$tone">{{ $invoice->status }}</x-admin.badge></td>
                    <td data-col="total" class="tabular-nums font-medium">{{ $invoice->currency }} {{ number_format($invoice->total_cents / 100, 2) }}</td>
                    <td data-col="allocated" class="tabular-nums text-[#6d7175]">{{ number_format(($invoice->allocations_sum_amount_cents ?? 0) / 100, 2) }}</td>
                    <td data-col="actions" class="text-right">
                        <a class="text-sm font-medium text-[#2c6ecb]" href="{{ route('admin.accounting.ar-invoices.show', $invoice) }}">Open</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="p-12 text-center text-[#6d7175]">No AR invoices.</td></tr>
            @endforelse
        </tbody>
        <x-slot:footer>{{ $arInvoices->links() }}</x-slot:footer>
    </x-admin.advanced-table>
</x-admin.page>
@endsection