@extends('layouts.admin')
@section('title', $bill->number)
@section('content')
@php $tone = match($bill->status) { 'matched','approved','paid' => 'success', 'exception' => 'danger', 'draft' => 'muted', default => 'warning' }; @endphp
<x-admin.page :title="$bill->number" :subtitle="'Invoice '.$bill->invoice_number.' · '.($bill->supplier?->name ?? 'Supplier')">
    <x-slot:actions>
        <a href="{{ route('admin.accounting.bills') }}" class="admin-btn">Back</a>
        @if(in_array($bill->status, ['matched', 'exception'], true))
            <form method="post" action="{{ route('admin.accounting.bills.approve', $bill) }}">@csrf
                <button class="admin-btn admin-btn-primary">Approve &amp; post</button>
            </form>
        @endif
    </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">{{ $bill->status }}</x-admin.badge></div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Invoice date</div>
            <div class="mt-1 font-semibold">{{ $bill->invoice_date?->format('d M Y') }}</div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Due</div>
            <div class="mt-1 font-semibold">{{ $bill->due_date?->format('d M Y') ?? '—' }}</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">{{ $bill->currency }} {{ number_format($bill->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($bill->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="Three-way match" hint="Match to PO and receipt within tolerance.">
            <form method="post" action="{{ route('admin.accounting.bills.match', $bill) }}" class="space-y-3">
                @csrf
                <x-admin.field label="Purchase order" name="purchase_order_id" required>
                    <select name="purchase_order_id" class="admin-input" required>
                        <option value="">Select PO</option>
                        @foreach($purchaseOrders as $po)
                            <option value="{{ $po->id }}">{{ $po->number }} · {{ number_format($po->total_cents / 100, 2) }}</option>
                        @endforeach
                    </select>
                </x-admin.field>
                <x-admin.field label="Receipt" name="receipt_id">
                    <select name="receipt_id" class="admin-input">
                        <option value="">Optional</option>
                        @foreach($receipts as $receipt)
                            <option value="{{ $receipt->id }}">{{ $receipt->number }}</option>
                        @endforeach
                    </select>
                </x-admin.field>
                <x-admin.field label="Tolerance (cents)" name="tolerance_cents" required>
                    <input type="number" name="tolerance_cents" value="{{ old('tolerance_cents', 100) }}" min="0" class="admin-input" required>
                </x-admin.field>
                <button class="admin-btn admin-btn-primary">Run match</button>
            </form>

            @if($bill->matches->isNotEmpty())
                <div class="mt-5 space-y-2 border-t border-[var(--color-admin-border)] pt-4">
                    @foreach($bill->matches as $match)
                        <div class="flex justify-between text-sm">
                            <x-admin.badge :tone="$match->status === 'matched' ? 'success' : 'danger'">{{ $match->status }}</x-admin.badge>
                            <span class="text-[#6d7175]">Variance {{ number_format($match->variance_cents / 100, 2) }}</span>
                        </div>
                    @endforeach
                </div>
            @endif
        </x-admin.section>
    </div>
</x-admin.page>
@endsection