@php $order = $order ?? null; @endphp

@if ($errors->any())
<div class="alert alert-danger alert-dismissible fade show">
    <ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white py-3"><h5 class="mb-0 fw-semibold"><i class="bi bi-person me-2 text-primary"></i>Customer & Order Info</h5></div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-3">
                <label class="form-label fw-medium">Customer <span class="text-danger">*</span></label>
                <select name="customer_id" class="form-select" required>
                    <option value="">Select Customer</option>
                    @foreach($customers as $c)
                        <option value="{{ $c->id }}" {{ ($order->customer_id ?? '') == $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Order Date</label>
                <input type="date" name="date" class="form-control" value="{{ $order->date?->format('Y-m-d') ?? date('Y-m-d') }}">
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Buyer PO Number</label>
                <input type="text" name="buyer_po_number" class="form-control" value="{{ $order->buyer_po_number ?? '' }}">
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Currency</label>
                <select name="currency" class="form-select">
                    @foreach(['USD', 'EUR', 'GBP', 'AED', 'INR'] as $c)
                        <option value="{{ $c }}" {{ ($order->currency ?? 'USD') == $c ? 'selected' : '' }}>{{ $c }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Payment Terms</label>
                <select name="payment_terms" class="form-select">
                    @foreach(['TT Advance', 'TT Against Documents', 'LC At Sight', 'LC Usance', 'DP'] as $t)
                        <option value="{{ $t }}" {{ ($order->payment_terms ?? '') == $t ? 'selected' : '' }}>{{ $t }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Commodity</label>
                <select name="commodity_id" class="form-select">
                    <option value="">Select</option>
                    @foreach($commodities as $comm)
                        <option value="{{ $comm->id }}" {{ ($order->commodity_id ?? '') == $comm->id ? 'selected' : '' }}>{{ $comm->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Incoterm</label>
                <select name="incoterm" class="form-select">
                    @foreach(['FOB', 'CIF', 'CFR', 'EXW', 'FCA'] as $t)
                        <option value="{{ $t }}" {{ ($order->incoterm ?? '') == $t ? 'selected' : '' }}>{{ $t }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">H.S. Code</label>
                <input type="text" name="hs_code" class="form-control" value="{{ $order->hs_code ?? '' }}">
            </div>
        </div>
    </div>
</div>

<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white py-3 d-flex justify-content-between">
        <h5 class="mb-0 fw-semibold"><i class="bi bi-list-ul me-2 text-primary"></i>Line Items</h5>
        <button type="button" class="btn btn-sm btn-outline-primary" id="addOrderItemBtn"><i class="bi bi-plus-lg me-1"></i>Add</button>
    </div>
    <div class="card-body p-0">
        @include('export.orders.partials._items', ['items' => $order->items ?? collect()])
    </div>
</div>

<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white py-3"><h5 class="mb-0 fw-semibold"><i class="bi bi-ship me-2 text-primary"></i>Shipment Details</h5></div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-3">
                <label class="form-label fw-medium">Port of Loading</label>
                <select name="port_of_loading_id" class="form-select">
                    <option value="">Select</option>
                    @foreach($ports as $port)
                        <option value="{{ $port->id }}" {{ ($order->port_of_loading_id ?? '') == $port->id ? 'selected' : '' }}>{{ $port->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Port of Discharge</label>
                <select name="port_of_discharge_id" class="form-select">
                    <option value="">Select</option>
                    @foreach($ports as $port)
                        <option value="{{ $port->id }}" {{ ($order->port_of_discharge_id ?? '') == $port->id ? 'selected' : '' }}>{{ $port->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Shipping Line</label>
                <select name="shipping_line_id" class="form-select">
                    <option value="">Select</option>
                    @foreach($shippingLines ?? [] as $line)
                        <option value="{{ $line->id }}" {{ ($order->shipping_line_id ?? '') == $line->id ? 'selected' : '' }}>{{ $line->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label fw-medium">Shipment Type</label>
                <select name="shipment_type" class="form-select">
                    @foreach(['fcl' => 'FCL', 'lcl' => 'LCL', 'bulk' => 'Bulk'] as $v => $l)
                        <option value="{{ $v }}" {{ ($order->shipment_type ?? 'fcl') == $v ? 'selected' : '' }}>{{ $l }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label fw-medium">Container Size</label>
                <select name="container_size" class="form-select">
                    @foreach(['20' => "20' GP", '40' => "40' GP", '40hc' => "40' HC"] as $v => $l)
                        <option value="{{ $v }}" {{ ($order->container_size ?? '20') == $v ? 'selected' : '' }}>{{ $l }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label fw-medium">Containers</label>
                <input type="number" name="no_of_containers" class="form-control" value="{{ $order->no_of_containers ?? 1 }}" min="1">
            </div>
            <div class="col-md-2">
                <label class="form-label fw-medium">ETD</label>
                <input type="date" name="etd" class="form-control" value="{{ optional($order->etd)->format('Y-m-d') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label fw-medium">ETA</label>
                <input type="date" name="eta" class="form-control" value="{{ optional($order->eta)->format('Y-m-d') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label fw-medium">Gross Weight (MT)</label>
                <input type="number" step="0.001" name="gross_weight" class="form-control" value="{{ $order->gross_weight ?? '' }}">
            </div>
            <div class="col-md-2">
                <label class="form-label fw-medium">Volume (CBM)</label>
                <input type="number" step="0.001" name="volume" class="form-control" value="{{ $order->volume ?? '' }}">
            </div>
        </div>
    </div>
</div>

<div class="card border-0 shadow-sm mb-4">
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label fw-medium">Remarks</label>
                <textarea name="remarks" class="form-control" rows="3">{{ $order->remarks ?? '' }}</textarea>
            </div>
        </div>
    </div>
</div>