@php
    $districts = $customizeData['districts'] ?? collect();
    $shippingMode = $customizeData['shippingMode'] ?? 'district_wise';
    $insideDhakaFee = $customizeData['insideDhakaFee'] ?? 60;
    $outsideDhakaFee = $customizeData['outsideDhakaFee'] ?? 120;
    $districtChargeMap = $customizeData['districtChargeMap'] ?? [];
    $defaultShippingFee = $customizeData['defaultShippingFee'] ?? 80;
@endphp

<form action="{{ route('admin.orders.customize', $order->id) }}" method="POST" id="customizeOrderForm">
    @csrf
    @method('PATCH')

    {{-- Shipping Information --}}
    <div class="admin-card mb-3 co-card">
        <div class="admin-card-header co-card-header">
            <h5><i class="fas fa-shipping-fast me-2"></i>Shipping Information</h5>
        </div>
        <div class="admin-card-body">
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Name</label>
                    <input type="text" name="customer_name" id="coName" class="form-control form-control-sm"
                           value="{{ old('customer_name', $order->customer_name) }}" required>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Phone</label>
                    <input type="tel" name="customer_phone" id="coPhone" class="form-control form-control-sm bd-phone-input"
                           value="{{ old('customer_phone', $order->customer_phone) }}" maxlength="11" required>
                </div>
                <div class="col-12">
                    <label class="form-label fw-semibold">Address</label>
                    <textarea name="shipping_address" id="coAddress" class="form-control form-control-sm" rows="2" required>{{ old('shipping_address', $order->shipping_address) }}</textarea>
                    <small class="text-muted">Area, upazila, district লিখলে auto select হবে (e.g. <code>panchlaish, ctg</code>)</small>
                    <span class="d-block small text-muted" id="coAddressGeoStatus"></span>
                    @include('shared.partials.delivery-area-breadcrumb', [
                        'id' => 'coDeliveryAreaBreadcrumb',
                        'routeId' => 'coDeliveryAreaRoute',
                        'hintId' => 'coDeliveryAreaHint',
                    ])
                </div>
                <div class="col-md-6 co-geo">
                    <label class="form-label fw-semibold">District</label>
                    <select name="district" id="coDistrict" class="form-select form-select-sm checkout-search-select" required
                            data-placeholder="জেলা খুঁজুন">
                        <option value=""></option>
                        @if($shippingMode === 'simple')
                            <option value="Inside Dhaka" data-id="0" data-charge="{{ $insideDhakaFee }}"
                                @selected(old('district', $order->district) === 'Inside Dhaka')>Inside Dhaka</option>
                            <option value="Outside Dhaka" data-id="0" data-charge="{{ $outsideDhakaFee }}"
                                @selected(old('district', $order->district) === 'Outside Dhaka')>Outside Dhaka</option>
                        @else
                            @foreach($districts as $d)
                            @php $charge = $districtChargeMap[$d->id] ?? $d->shipping_charge ?? $defaultShippingFee; @endphp
                            <option value="{{ $d->name }}" data-id="{{ $d->id }}" data-charge="{{ $charge }}"
                                @selected(old('district', $order->district) === $d->name)>{{ $d->name }}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
                <div class="col-md-6 co-geo">
                    <label class="form-label fw-semibold">Upazila / Police Station</label>
                    <select name="upazila" id="coUpazila" class="form-select form-select-sm checkout-search-select" required
                            data-placeholder="উপজেলা খুঁজুন">
                        <option value="{{ old('upazila', $order->upazila) }}" selected>{{ old('upazila', $order->upazila) }}</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

    {{-- Products --}}
    <div class="admin-card mb-3 co-card co-card-products">
        <div class="admin-card-header co-card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
            <h5 class="mb-0"><i class="fas fa-box me-2"></i>Products</h5>
            <button type="button" class="btn btn-sm btn-success" id="coAddProductBtn">
                <i class="fas fa-plus me-1"></i>Customize Order
            </button>
        </div>
        <div class="co-product-scroll table-responsive">
            <table class="admin-table co-product-table mb-0">
                <thead>
                    <tr>
                        <th style="width:42%">Product</th>
                        <th style="width:16%">Price</th>
                        <th style="width:22%">Qty</th>
                        <th style="width:14%">Total</th>
                        <th style="width:6%"></th>
                    </tr>
                </thead>
                <tbody id="coItemsBody">
                    @php $oldItems = old('items'); @endphp
                    @if($oldItems)
                        @foreach($oldItems as $idx => $row)
                        @include('backEnd.order.partials.customize-order-item-row', ['idx' => $idx, 'row' => $row, 'order' => $order])
                        @endforeach
                    @else
                        @foreach($order->items as $idx => $item)
                        @include('backEnd.order.partials.customize-order-item-row', [
                            'idx' => $idx,
                            'row' => [
                                'name' => $item->product_name,
                                'product_id' => $item->product_id,
                                'variant_id' => $item->variant_id,
                                'size' => $item->size,
                                'color' => $item->color,
                                'price' => $item->unit_price,
                                'qty' => $item->qty,
                            ],
                            'order' => $order,
                            'item' => $item,
                        ])
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>
    </div>

    {{-- Summary + actions --}}
    <div class="admin-card mb-3 co-card co-card-summary">
        <div class="admin-card-body">
            <div class="row g-3 align-items-end">
                <div class="col-md-3">
                    <label class="form-label fw-semibold">Shipping Fee</label>
                    <input type="number" name="shipping_charge" id="coShipping" class="form-control form-control-sm"
                           value="{{ old('shipping_charge', $order->shipping_charge) }}" min="0" step="1">
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">Discount</label>
                    <input type="number" name="discount" id="coDiscount" class="form-control form-control-sm"
                           value="{{ old('discount', $order->discount) }}" min="0" step="1">
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">Total</label>
                    <div class="co-total-display" id="coTotalDisplay">৳{{ number_format($order->amount) }}</div>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">COD / Due</label>
                    <input type="number" id="coCodDisplay" class="form-control form-control-sm bg-light" readonly
                           value="{{ number_format((float) ($order->due_amount ?: $order->amount), 0, '.', '') }}">
                </div>
                <div class="col-12">
                    <label class="form-label fw-semibold">Note</label>
                    <textarea name="admin_note" class="form-control form-control-sm" rows="2" placeholder="Admin note...">{{ old('admin_note', $order->admin_note) }}</textarea>
                </div>
            </div>

            @if($errors->any())
            <div class="alert alert-danger border-0 mt-3 mb-0 py-2 small">
                @foreach($errors->all() as $err)<div>{{ $err }}</div>@endforeach
            </div>
            @endif

            <div class="d-flex flex-wrap gap-2 mt-3 pt-3 border-top">
                <button type="submit" class="btn btn-success px-4">
                    <i class="fas fa-save me-1"></i>Update
                </button>
                <button type="button" class="btn btn-outline-success px-3" id="coAddProductBtn2">
                    <i class="fas fa-plus me-1"></i>Customize Order
                </button>
            </div>
        </div>
    </div>
</form>

<template id="coItemRowTemplate">
    @include('backEnd.order.partials.customize-order-item-row', ['idx' => '__IDX__', 'row' => [], 'order' => $order])
</template>