@php
    $prefillLines = [];
    if ($prefillPo) {
        $po = $orders->firstWhere('po_no', $prefillPo);
        if ($po) {
            $prefillLines = $po->lines->map(fn ($l) => [
                'item' => $l->item,
                'expected_qty' => $l->qty,
                'received_qty' => $l->qty,
                'unit' => $l->unit,
                'unit_cost' => $l->unit_price,
                'condition' => 'Good',
                'notes' => '',
            ])->all();
        }
    }
    $seed = old('lines', $prefillLines ?: [['item' => '', 'expected_qty' => 0, 'received_qty' => 1, 'unit' => '', 'unit_cost' => '', 'condition' => 'Good', 'notes' => '']]);
@endphp

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

    <div class="flex items-center gap-2">
        <span class="font-mono text-sm font-semibold">{{ $grnNo }}</span>
        <span class="text-xs text-muted-foreground">Confirmation updates store stock levels.</span>
    </div>

    <div class="grid gap-3 md:grid-cols-4">
        <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 &mdash; Ad-hoc</option>
                    @foreach ($orders as $po)
                        <option value="{{ $po->po_no }}" @selected(old('po_id', $prefillPo) === $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="Warehouse *" required>
                <select name="warehouse_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 store</option>
                    @foreach ($warehouses as $w)
                        <option value="{{ $w->id }}" @selected((string) old('warehouse_id') === (string) $w->id)>{{ $w->name }} ({{ $w->type }})</option>
                    @endforeach
                </select>
            </x-field>
        </div>
        <div>
            <x-field label="Received Date *" required>
                <input type="date" name="received_date" required value="{{ old('received_date', $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-3">
            <x-field label="Received By *" required>
                <select name="received_by" 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 staff</option>
                    @foreach ($staff as $s)
                        <option value="{{ $s['name'] }}" @selected(old('received_by', $staff[0]['name'] ?? '') === $s['name'])>{{ $s['label'] }}</option>
                    @endforeach
                </select>
            </x-field>
        </div>
    </div>

    @if ($prefillPo)
        <p class="text-xs text-muted-foreground">Expected quantities pre-filled from {{ $prefillPo }}.</p>
    @endif

    <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="addGrnLine('{{ $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.grn-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">Total Value</span>
            <span class="text-lg font-semibold tabular-nums" id="{{ $prefix }}-total">KSh 0</span>
        </div>
    </div>

    <div class="flex items-center gap-2">
        <button name="confirm" value="0"
                class="rounded-lg border border-border px-4 py-2 text-sm font-medium hover:bg-accent">Save as Draft</button>
        <button name="confirm" value="1"
                class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">Save &amp; Confirm</button>
    </div>
</form>