@extends('layouts.admin')
@section('title', $arInvoice->number)
@section('content')
@php $tone = match($arInvoice->status) { 'posted','paid' => 'success', 'draft' => 'muted', default => 'warning' }; @endphp
<x-admin.page :title="$arInvoice->number" subtitle="Accounts receivable invoice detail.">
    <x-slot:actions>
        <a href="{{ route('admin.accounting.ar-invoices') }}" class="admin-btn">Back</a>
    </x-slot:actions>

    <div class="mb-5 grid gap-4 sm:grid-cols-4">
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Status</div>
            <div class="mt-2"><x-admin.badge :tone="$tone">{{ $arInvoice->status }}</x-admin.badge></div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Customer</div>
            <div class="mt-1 font-semibold">#{{ $arInvoice->customer_id ?? '—' }}</div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Order</div>
            <div class="mt-1 font-semibold">#{{ $arInvoice->order_id ?? '—' }}</div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Total</div>
            <div class="mt-1 text-2xl font-semibold">{{ $arInvoice->currency }} {{ number_format($arInvoice->total_cents / 100, 2) }}</div>
        </x-admin.card>
    </div>

    <div class="grid gap-5 lg:grid-cols-2">
        <x-admin.section title="Lines">
            <table class="admin-table w-full">
                <thead><tr><th>Description</th><th class="text-right">Qty</th><th class="text-right">Total</th></tr></thead>
                <tbody>
                    @forelse($arInvoice->lines as $line)
                        <tr>
                            <td>{{ $line->description }}</td>
                            <td class="text-right">{{ $line->quantity }}</td>
                            <td class="text-right tabular-nums">{{ number_format($line->total_cents / 100, 2) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="p-6 text-center text-[#6d7175]">No lines.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </x-admin.section>

        <x-admin.section title="Allocations">
            <table class="admin-table w-full">
                <thead><tr><th>Payment</th><th class="text-right">Amount</th></tr></thead>
                <tbody>
                    @forelse($arInvoice->allocations as $allocation)
                        <tr>
                            <td>#{{ $allocation->ar_payment_id }}</td>
                            <td class="text-right tabular-nums">{{ number_format($allocation->amount_cents / 100, 2) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="2" class="p-6 text-center text-[#6d7175]">No allocations yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </x-admin.section>
    </div>
</x-admin.page>
@endsection