@php
    $seed = old('lines', $row
        ? $row->lines->map(fn ($l) => [
            'item_ref' => $l->item_ref, 'description' => $l->description,
            'qty' => $l->qty, 'price' => $l->price, 'tax_pct' => $l->tax_pct,
        ])->all()
        : [['item_ref' => '', 'description' => '', 'qty' => 1, 'price' => '', 'tax_pct' => 16]]);
@endphp

<form method="post" action="{{ $action }}" class="flex flex-col gap-3">
    @csrf
    @if ($method === 'PUT')
        @method('PUT')
    @endif

    <div class="grid gap-3 md:grid-cols-4">
        <div class="md:col-span-2">
            <x-field label="Supplier *" required>
                <select name="supplier_id" required class="h-9 w-full rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                    <option value="">Select supplier</option>
                    @foreach ($suppliers as $s)
                        <option value="{{ $s->id }}" @selected((string) old('supplier_id', $row->supplier_id ?? '') === (string) $s->id)>{{ $s->company_name }}</option>
                    @endforeach
                </select>
            </x-field>
        </div>
        <div>
            <x-field label="Supplier Ref *" required>
                <input type="text" name="supplier_ref" required value="{{ old('supplier_ref', $row->supplier_ref ?? '') }}"
                       placeholder="e.g. SUP-88421" class="h-9 w-full rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
            </x-field>
        </div>
        <div>
            <x-field label="Received Date *" required>
                <input type="date" name="received_date" required value="{{ old('received_date', $row ? \Illuminate\Support\Carbon::parse($row->received_date)->toDateString() : $today) }}"
                       class="h-9 w-full rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
            </x-field>
        </div>
        <div class="md:col-span-2">
            <x-field label="Purchase Order">
                <select name="po_id" class="h-9 w-full rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                    <option value="">None</option>
                    @foreach ($orders as $po)
                        <option value="{{ $po->po_no }}" @selected(old('po_id', $row->po_id ?? '') === $po->po_no)>
                            {{ $po->po_no }} &middot; {{ $po->supplier?->company_name ?? '—' }}
                        </option>
                    @endforeach
                </select>
            </x-field>
        </div>
        <div class="md:col-span-2">
            <x-field label="Notes">
                <input type="text" name="notes" value="{{ old('notes', $row->notes ?? '') }}" placeholder="Optional notes"
                       class="h-9 w-full rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
            </x-field>
        </div>
    </div>

    <div class="border-t border-border pt-3">
        <div class="flex items-center justify-between">
            <p class="text-xs font-semibold uppercase tracking-wide text-muted-foreground">Line Items</p>
            <button type="button" onclick="addInvLine('{{ $prefix }}')"
                    class="rounded-md border border-border px-2 py-1 text-xs hover:bg-accent">Add Row</button>
        </div>

        <div id="{{ $prefix }}-lines" class="mt-2 flex flex-col gap-2">
            @foreach ($seed as $i => $line)
                @include('inventory.partials.invoice-line', ['prefix' => $prefix, 'i' => $i, 'line' => $line])
            @endforeach
        </div>

        <div class="mt-3 flex items-center justify-between rounded-lg bg-muted/50 px-3 py-2">
            <span class="text-sm text-muted-foreground">Subtotal + VAT</span>
            <span class="text-lg font-semibold tabular-nums" id="{{ $prefix }}-total">KSh 0</span>
        </div>
    </div>

    <div>
        <button class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">
            {{ $row ? 'Update Invoice' : 'Record Invoice' }}
        </button>
    </div>
</form>