@php
    $config = [
        'mode' => 'in',
        'searchUrl' => route('stock.lookup'),
        'resolveUrl' => route('stock.resolve'),
        'storeUrl' => route('stock.receipts.store'),
        'header' => ['supplier' => '', 'invoice_ref' => '', 'received_at' => now()->toDateString(), 'note' => '', 'update_cost' => true],
    ];
    $input = 'mt-1 w-full rounded-lg border-gray-300 text-sm focus:border-indigo-500 focus:ring-indigo-500';
@endphp
<x-pos-layout title="Terima Barang dari Distributor">
    <x-slot name="actions">
        <a href="{{ route('stock.receipts.index') }}" class="rounded-lg border bg-white px-4 py-2 text-sm hover:bg-gray-50">← Daftar penerimaan</a>
    </x-slot>
    <x-stock-tabs />

    <div x-data="linesForm(@js($config))" @keydown.window="onKey($event)">
        <div class="mb-3 grid gap-3 rounded-xl bg-white p-3 shadow md:grid-cols-4">
            <div>
                <label class="text-xs font-medium text-gray-600">Distributor / supplier</label>
                <input type="text" x-model="h.supplier" list="supplier-list" maxlength="150" placeholder="Nama distributor" class="{{ $input }}">
                <datalist id="supplier-list">@foreach ($suppliers as $s)<option value="{{ $s }}">@endforeach</datalist>
            </div>
            <div>
                <label class="text-xs font-medium text-gray-600">No. faktur / surat jalan</label>
                <input type="text" x-model="h.invoice_ref" maxlength="100" class="{{ $input }}">
            </div>
            <div>
                <label class="text-xs font-medium text-gray-600">Tanggal diterima</label>
                <input type="date" x-model="h.received_at" max="{{ now()->toDateString() }}" class="{{ $input }}">
            </div>
            <div>
                <label class="text-xs font-medium text-gray-600">Catatan (opsional)</label>
                <input type="text" x-model="h.note" maxlength="500" class="{{ $input }}">
            </div>
            <label class="flex items-center gap-2 text-sm md:col-span-4">
                <input type="checkbox" x-model="h.update_cost" class="rounded border-gray-300">
                Perbarui harga beli di data produk sesuai faktur ini (dipakai untuk menghitung laba)
            </label>
        </div>

        @include('stock._lines', ['mode' => 'in'])
    </div>

    @include('stock._lines_script')
</x-pos-layout>