@php
    $bill = $purchaseInvoice ?? null;
    $dueDefault = ($bill && !empty($bill->due_date))
        ? \Carbon\Carbon::parse($bill->due_date)->format('Y-m-d')
        : '';
    if (old('discount_amount') !== null) {
        $hdrDiscInput = old('discount_amount');
    } elseif ($bill && ($bill->discount_type ?? 'fixed') === 'percentage') {
        $pre = (float) ($bill->subtotal ?? 0) + (float) ($bill->discount_amount ?? 0);
        $hdrDiscInput = $pre > 0 ? round(100 * (float) ($bill->discount_amount ?? 0) / $pre, 4) : 0;
    } else {
        $hdrDiscInput = old('discount_amount', $bill?->discount_amount ?? 0);
    }
@endphp

<div class="row g-2 mb-1 gs-ro-fields-row align-items-end">
    <div class="col-12 col-lg-4">
        <div class="gpo-lbl mb-1"><i class="bi bi-bag-check me-1"></i> Load from PO</div>
        <div class="d-flex flex-wrap gap-2 align-items-center">
            <input type="text" class="gpo-inp flex-grow-1" id="gbillPoSearch" placeholder="PO number…" autocomplete="off" style="min-width:0;">
            <button type="button" class="btn btn-sm btn-outline-primary flex-shrink-0" id="gbillPoLoadBtn">Load</button>
            <select class="gpo-sel form-select form-select-sm d-none flex-grow-1" id="gbillPoPicker" style="min-width:0;max-width:14rem;"></select>
        </div>
        <div id="gbillPoHint" class="small text-muted mt-1"></div>
    </div>
    <div class="col-12 col-sm-6 col-lg-2">
        <div class="gpo-lbl">Due date</div>
        <input type="date" class="gpo-inp" name="due_date" value="{{ old('due_date', $dueDefault) }}">
    </div>
    <div class="col-12 col-sm-6 col-lg-2">
        <div class="gpo-lbl">Status</div>
        <select class="gpo-sel js-chosen js-chosen-compact" name="status" id="gbillStatus">
            <option value="draft" @selected(old('status', $bill?->status ?? 'received') === 'draft')>Draft</option>
            <option value="received" @selected(old('status', $bill?->status ?? 'received') === 'received')>Received</option>
            <option value="partial" @selected(old('status', $bill?->status ?? '') === 'partial')>Partial</option>
            <option value="paid" @selected(old('status', $bill?->status ?? '') === 'paid')>Paid</option>
            <option value="overdue" @selected(old('status', $bill?->status ?? '') === 'overdue')>Overdue</option>
            <option value="cancelled" @selected(old('status', $bill?->status ?? '') === 'cancelled')>Cancelled</option>
        </select>
    </div>
</div>

<div class="row g-2 mb-1 gs-ro-fields-row align-items-start">
    <div class="col-12 col-sm-6 col-lg-3">
        <div class="gpo-lbl">Vendor <span class="text-danger">*</span></div>
        <select class="gpo-sel js-chosen js-chosen-compact" name="vendor_ledger_id" id="vendorLedgerId" required data-placeholder="Select vendor…">
            <option value="">— Select vendor —</option>
            @foreach($vendors as $vendor)
                <option value="{{ $vendor->id }}" @selected((string) old('vendor_ledger_id', $bill?->vendor_ledger_id ?? '') === (string) $vendor->id)>
                    {{ \App\Support\GarageLedgerLabel::vendor($vendor) }}
                </option>
            @endforeach
        </select>
    </div>
    <div class="col-12 col-sm-6 col-lg-2">
        <div class="gpo-lbl">Purchase order</div>
        <select class="gpo-sel js-chosen js-chosen-compact" name="purchase_order_id" id="gbillPoId" data-placeholder="None">
            <option value="">— None —</option>
            @foreach($purchaseOrders as $po)
                <option value="{{ $po->id }}" @selected((string) old('purchase_order_id', $bill?->purchase_order_id ?? '') === (string) $po->id)>
                    {{ $po->purchase_order_number }}
                </option>
            @endforeach
        </select>
    </div>
    <div class="col-12 col-sm-6 col-lg-2">
        <div class="gpo-lbl">Reference</div>
        <input type="text" class="gpo-inp" name="reference_number" value="{{ old('reference_number', $bill?->reference_number ?? '') }}" placeholder="Vendor ref…">
    </div>
    <div class="col-12 col-sm-6 col-lg-2">
        <div class="gpo-lbl">Shipping</div>
        <input type="number" step="0.01" min="0" class="gpo-inp" name="shipping_charges" id="gbillFreight" value="{{ old('shipping_charges', $bill?->shipping_charges ?? 0) }}">
    </div>
    <div class="col-12 col-lg-3">
        <div class="gpo-lbl">Internal notes</div>
        <input type="text" class="gpo-inp" name="internal_notes" value="{{ old('internal_notes', $bill?->internal_notes ?? '') }}" placeholder="Internal notes…">
    </div>
</div>

@if(!empty($warehouses) && count($warehouses))
    @include('garage.partials.warehouse-location-fields', [
        'fieldPrefix' => 'billWh',
        'warehouses' => $warehouses,
        'sectionsByWarehouse' => $sectionsByWarehouse,
        'defaultWarehouseId' => $defaultWarehouseId ?? null,
        'defaultSectionId' => $defaultSectionId ?? null,
        'applyDefaults' => $applyDefaults ?? false,
        'useBootstrap' => true,
        'gridClass' => 'row g-2 mb-1 grg-wh-location gs-ro-fields-row',
        'colClass' => 'col-12 col-sm-6 col-lg-3',
        'labelClass' => 'gpo-lbl',
        'selectClass' => 'gpo-sel js-chosen js-chosen-compact',
    ])
@endif

<div class="row g-2 mb-1 gs-ro-fields-row">
    <div class="col-12">
        <div class="gpo-lbl mb-1">Invoice discount</div>
        <div class="d-flex flex-wrap align-items-center gap-2">
            <div class="gpo-disc-toggle">
                <label class="gpo-disc-pill"><input type="radio" name="discount_type" value="fixed" @checked(old('discount_type', $bill?->discount_type ?? 'fixed') === 'fixed')><span>Fixed</span></label>
                <label class="gpo-disc-pill"><input type="radio" name="discount_type" value="percentage" @checked(old('discount_type', $bill?->discount_type ?? '') === 'percentage')><span>%</span></label>
            </div>
            <input type="number" step="0.01" min="0" class="gpo-inp" style="max-width:7rem;" name="discount_amount" id="gbillHdrDiscVal" value="{{ $hdrDiscInput }}">
        </div>
    </div>
</div>

<textarea class="d-none" name="vendor_notes">{{ old('vendor_notes', $bill?->vendor_notes ?? '') }}</textarea>
<textarea class="d-none" name="terms_conditions">{{ old('terms_conditions', $bill?->terms_conditions ?? '') }}</textarea>