@extends('backEnd.layouts.master')
@section('title', 'Order #' . $order->invoice_id)

@section('content')
@push('styles')
<link rel="stylesheet" href="{{ asset('backEnd/css/customize-order.css') }}?v={{ filemtime(public_path('backEnd/css/customize-order.css')) }}">
@if($canCustomize ?? false)
<link rel="stylesheet" href="{{ asset('backEnd/css/product-live-search.css') }}">
@endif
@endpush
<div class="page-header">
    <div>
        <h4><i class="fas fa-file-invoice me-2 text-success"></i>Order #{{ $order->invoice_id }}</h4>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.orders.index') }}">Orders</a></li>
                <li class="breadcrumb-item active">#{{ $order->invoice_id }}</li>
            </ol>
        </nav>
    </div>
    <div class="d-flex gap-2 flex-wrap">
        {{-- Print Buttons --}}
        <div class="dropdown">
            <button class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown">
                <i class="fas fa-print me-1"></i>Print
            </button>
            <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="{{ route('admin.print.invoice', ['invoice_id' => $order->invoice_id, 'size' => 'a4']) }}" target="_blank"><i class="fas fa-file me-2"></i>A4 Invoice</a></li>
                <li><a class="dropdown-item" href="{{ route('admin.print.invoice', ['invoice_id' => $order->invoice_id, 'size' => 'a6']) }}" target="_blank"><i class="fas fa-file-alt me-2"></i>A6 Invoice</a></li>
                <li><a class="dropdown-item" href="{{ route('admin.print.invoice', ['invoice_id' => $order->invoice_id, 'size' => 'thermal']) }}" target="_blank"><i class="fas fa-receipt me-2"></i>80mm Thermal</a></li>
                <li><hr class="dropdown-divider"></li>
                <li><a class="dropdown-item" href="{{ route('admin.print.label', $order->invoice_id) }}" target="_blank"><i class="fas fa-tag me-2"></i>Courier Label</a></li>
            </ul>
        </div>
        <a href="{{ route('admin.orders.whatsapp', $order->id) }}" target="_blank" class="btn btn-success btn-sm">
            <i class="fab fa-whatsapp me-1"></i>WhatsApp
        </a>
        <a href="{{ route('admin.orders.index') }}" class="btn btn-outline-secondary btn-sm">
            <i class="fas fa-arrow-left me-1"></i>Back
        </a>
    </div>
</div>

<div class="row g-3">
    {{-- Left: Order Details --}}
    <div class="col-lg-8">
        @if($canCustomize ?? false)
            @include('backEnd.order.partials.customize-order')
        @else
        {{-- Order Items (read-only) --}}
        <div class="admin-card mb-3 co-readonly-items">
            <div class="admin-card-header co-card-header">
                <h5><i class="fas fa-box me-2"></i>Order Items ({{ $order->items->count() }})</h5>
            </div>
            <div class="co-readonly-scroll table-responsive">
                <table class="admin-table">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Product</th>
                            <th>Variant</th>
                            <th>Price</th>
                            <th>Qty</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($order->items as $i => $item)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td>
                                <div class="fw-600">{{ $item->product_name }}</div>
                                @if($item->product)
                                <small class="text-muted">SKU: {{ $item->product->sku ?? 'N/A' }}</small>
                                @endif
                            </td>
                            <td>
                                @if($item->size)<span class="badge bg-light text-dark me-1">{{ $item->size }}</span>@endif
                                @if($item->color)<span class="badge bg-light text-dark">{{ $item->color }}</span>@endif
                                @if(!$item->size && !$item->color)<span class="text-muted">—</span>@endif
                            </td>
                            <td>৳{{ number_format($item->unit_price) }}</td>
                            <td>{{ $item->qty }}</td>
                            <td class="fw-600">৳{{ number_format($item->unit_price * $item->qty) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="bg-light">
                            <td colspan="5" class="text-end fw-600">Subtotal:</td>
                            <td class="fw-600">৳{{ number_format($order->items->sum(fn($i) => $i->unit_price * $i->qty)) }}</td>
                        </tr>
                        <tr>
                            <td colspan="5" class="text-end">Shipping (+):</td>
                            <td>৳{{ number_format($order->shipping_charge) }}</td>
                        </tr>
                        @if($order->discount > 0)
                        <tr>
                            <td colspan="5" class="text-end text-danger">Discount (-):</td>
                            <td class="text-danger">-৳{{ number_format($order->discount) }}</td>
                        </tr>
                        @endif
                        @if($order->coupon_discount > 0)
                        <tr>
                            <td colspan="5" class="text-end text-success">Coupon ({{ $order->coupon_code }}):</td>
                            <td class="text-success">-৳{{ number_format($order->coupon_discount) }}</td>
                        </tr>
                        @endif
                        <tr class="bg-success text-white">
                            <td colspan="5" class="text-end fw-bold">TOTAL DUE:</td>
                            <td class="fw-bold">৳{{ number_format($order->amount) }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
        @endif

        {{-- Customer read-only when not customizing --}}
        @if(!($canCustomize ?? false))
        {{-- Customer & Shipping Info --}}
        <div class="admin-card mb-3">
            <div class="admin-card-header">
                <h5><i class="fas fa-user me-2"></i>Customer & Shipping</h5>
            </div>
            <div class="admin-card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <h6 class="fw-bold text-muted mb-2">CUSTOMER</h6>
                        <div class="d-flex align-items-start gap-3">
                            <div class="flex-grow-1">
                                <div class="fw-600">{{ $order->customer_name }}</div>
                                <div class="d-flex align-items-center gap-2 mt-1">
                                    <a href="tel:{{ $order->customer_phone }}" class="text-success fw-600">
                                        <i class="fas fa-phone me-1"></i>{{ $order->customer_phone }}
                                    </a>
                                    <button class="btn btn-xs btn-outline-info py-0 px-2" onclick="checkPhoneHistory('{{ $order->customer_phone }}')">
                                        <i class="fas fa-history me-1"></i>History
                                    </button>
                                    @can('customers.block')
                                    @if($activeBlock)
                                    <span class="badge bg-danger">Blocked</span>
                                    <form action="{{ route('admin.customers.unblock', $activeBlock->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Unblock this customer?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-xs btn-outline-success py-0 px-2"><i class="fas fa-unlock me-1"></i>Unblock</button>
                                    </form>
                                    @else
                                    <button type="button" class="btn btn-xs btn-outline-danger py-0 px-2" data-bs-toggle="modal" data-bs-target="#orderDetailBlockModal">
                                        <i class="fas fa-ban me-1"></i>Block Customer
                                    </button>
                                    @endif
                                    @endcan
                                </div>
                                @if($blockIp ?? null)
                                <div class="text-muted small mt-1">IP: <code>{{ $blockIp }}</code></div>
                                @endif
                                @if($order->customer_email)
                                <div class="text-muted mt-1"><i class="fas fa-envelope me-1"></i>{{ $order->customer_email }}</div>
                                @endif
                            </div>
                        </div>
                        {{-- Phone History Result --}}
                        <div id="phoneHistoryResult" class="mt-2" style="display:none;"></div>
                    </div>
                    <div class="col-md-6">
                        <h6 class="fw-bold text-muted mb-2">SHIPPING ADDRESS</h6>
                        <div>
                            <i class="fas fa-map-marker-alt me-2 text-danger"></i>
                            {{ $order->shipping_address }}
                        </div>
                        @if($order->district)
                        <div class="text-muted mt-1">
                            <i class="fas fa-city me-2"></i>{{ $order->district }}
                        </div>
                        @endif
                        @if($order->upazila)
                        <div class="text-muted">
                            <i class="fas fa-location-arrow me-2"></i>{{ $order->upazila }}
                        </div>
                        @endif
                        @if($order->district || $order->upazila)
                        <div class="text-muted mt-1">
                            <i class="fas fa-map me-2"></i>
                            {{ $order->district }}@if($order->upazila) &gt;&gt; {{ $order->upazila }}@endif
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        @endif

        {{-- Courier & Fulfillment --}}
        @if($order->courier_type || $order->consignment_id || $order->fulfillment_stage)
        <div class="admin-card mb-3">
            <div class="admin-card-header">
                <h5><i class="fas fa-truck me-2"></i>Courier & Fulfillment</h5>
            </div>
            <div class="admin-card-body">
                <div class="row g-3">
                    <div class="col-md-4">
                        <div class="text-muted small">Courier</div>
                        <div class="fw-600">{{ $order->courier_type ? \App\Models\CourierApi::displayName($order->courier_type) : '—' }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-muted small">Consignment ID</div>
                        <div class="fw-600 text-primary">{{ $order->consignment_id ?: '—' }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-muted small">Stage</div>
                        <div class="fw-600">{{ $order->fulfillment_stage ? ucwords(str_replace('_', ' ', $order->fulfillment_stage)) : '—' }}</div>
                    </div>
                </div>
                <div class="d-flex flex-wrap gap-3 mt-3 pt-3 border-top small text-muted">
                    @if($order->collected_at)<span><i class="fas fa-box me-1"></i>Collected: {{ $order->collected_at->format('d M, h:i A') }}</span>@endif
                    @if($order->booked_at)<span><i class="fas fa-book me-1"></i>Booked: {{ $order->booked_at->format('d M, h:i A') }}</span>@endif
                    @if($order->packed_at)<span><i class="fas fa-box-open me-1"></i>Packed: {{ $order->packed_at->format('d M, h:i A') }}</span>@endif
                    @if($order->shipped_at)<span><i class="fas fa-shipping-fast me-1"></i>Shipped: {{ $order->shipped_at->format('d M, h:i A') }}</span>@endif
                    @if($order->delivered_at)<span><i class="fas fa-check-circle me-1 text-success"></i>Delivered: {{ $order->delivered_at->format('d M, h:i A') }}</span>@endif
                </div>
            </div>
        </div>
        @endif

        {{-- Delivery Status + Courier Timeline --}}
        @include('backEnd.order.partials.delivery-status')
    </div>

    {{-- Right: Order Summary & Actions --}}
    <div class="col-lg-4">
        @include('backEnd.order.partials.manual-payment-review')

        {{-- Order Summary --}}
        <div class="admin-card mb-3">
            <div class="admin-card-header">
                <h5><i class="fas fa-info-circle me-2"></i>Order Summary</h5>
            </div>
            <div class="admin-card-body">
                <table class="table table-borderless table-sm">
                    <tr>
                        <td class="text-muted">Invoice ID</td>
                        <td class="fw-600 text-end">#{{ $order->invoice_id }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Date</td>
                        <td class="text-end">{{ $order->created_at->format('d M Y') }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Payment</td>
                        <td class="text-end">
                            @if(\App\Services\ManualPaymentService::isManual($order->payment_method))
                            <span class="badge bg-info">{{ \App\Services\ManualPaymentService::label($order->payment_method) }}</span>
                            @else
                            <span class="badge {{ $order->payment_method == 'cod' ? 'bg-warning text-dark' : 'bg-success' }}">
                                {{ strtoupper($order->payment_method ?? 'COD') }}
                            </span>
                            @endif
                            @if($order->payment_status === 'pending_verification')
                            <span class="badge bg-warning text-dark ms-1">Awaiting Verify</span>
                            @endif
                        </td>
                    </tr>
                    @if((float) ($order->advance_amount ?? 0) > 0)
                    <tr>
                        <td class="text-muted">Advance Paid</td>
                        <td class="text-end fw-semibold">৳{{ number_format($order->advance_amount) }}</td>
                    </tr>
                    @if((float) ($order->due_amount ?? 0) > 0)
                    <tr>
                        <td class="text-muted">Due (COD)</td>
                        <td class="text-end">৳{{ number_format($order->due_amount) }}</td>
                    </tr>
                    @endif
                    @endif
                    <tr>
                        <td class="text-muted">Source</td>
                        <td class="text-end">
                            <span class="badge {{ \App\Models\Order::sourceBadgeClass($order->order_source ?? 'website') }}">
                                {{ \App\Models\Order::sourceLabel($order->order_source ?? 'website') }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted">Status</td>
                        <td class="text-end">
                            <span class="badge {{ \App\Models\Order::statusClass($order->order_status) }}">
                                {{ \App\Models\Order::statusLabel($order->order_status) }}
                            </span>
                        </td>
                    </tr>
                    @if($order->courier_type)
                    <tr>
                        <td class="text-muted">Courier</td>
                        <td class="text-end">{{ \App\Models\CourierApi::displayName($order->courier_type) }}</td>
                    </tr>
                    @endif
                    @if($order->consignment_id)
                    <tr>
                        <td class="text-muted">Tracking ID</td>
                        <td class="text-end fw-600 text-primary">{{ $order->consignment_id }}</td>
                    </tr>
                    @endif
                    @if($order->fulfillment_stage)
                    <tr>
                        <td class="text-muted">Fulfillment</td>
                        <td class="text-end"><span class="badge bg-info">{{ ucwords(str_replace('_', ' ', $order->fulfillment_stage)) }}</span></td>
                    </tr>
                    @endif
                    @if($order->collected_at)
                    <tr><td class="text-muted">Collected</td><td class="text-end small">{{ $order->collected_at->format('d M Y, h:i A') }}</td></tr>
                    @endif
                    @if($order->booked_at)
                    <tr><td class="text-muted">Booked</td><td class="text-end small">{{ $order->booked_at->format('d M Y, h:i A') }}</td></tr>
                    @endif
                    @if($order->packed_at)
                    <tr><td class="text-muted">Packed</td><td class="text-end small">{{ $order->packed_at->format('d M Y, h:i A') }}</td></tr>
                    @endif
                    @if($order->shipped_at)
                    <tr><td class="text-muted">Shipped</td><td class="text-end small">{{ $order->shipped_at->format('d M Y, h:i A') }}</td></tr>
                    @endif
                    @if($order->delivered_at)
                    <tr><td class="text-muted">Delivered</td><td class="text-end small">{{ $order->delivered_at->format('d M Y, h:i A') }}</td></tr>
                    @endif
                    @if($order->admin_note)
                    <tr>
                        <td colspan="2">
                            <div class="text-muted mb-1" style="font-size:13px">Admin Notes:</div>
                            @include('backEnd.order.partials.order-note-list', ['noteText' => $order->admin_note])
                        </td>
                    </tr>
                    @endif
                </table>
            </div>
        </div>

        {{-- Update Status --}}
        <div class="admin-card mb-3">
            <div class="admin-card-header">
                <h5><i class="fas fa-edit me-2"></i>Update Status</h5>
            </div>
            <div class="admin-card-body">
                <form action="{{ route('admin.orders.update-status', $order->id) }}" method="POST">
                    @csrf @method('PATCH')
                    <div class="mb-3">
                        <label class="form-label fw-600">Order Status</label>
                        <select name="status" class="form-select form-select-sm">
                            @foreach([0=>'Pending',1=>'Confirmed',2=>'Processing',3=>'Shipped',4=>'Delivered',5=>'Cancelled',6=>'Returned'] as $val => $label)
                            <option value="{{ $val }}" {{ $order->order_status == $val ? 'selected' : '' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-600">Courier</label>
                        <select name="courier_type" class="form-select form-select-sm">
                            <option value="">— Select Courier —</option>
                            @include('backEnd.order.partials.courier-unified-select-options', [
                                'selectedCourier' => $order->courier_type,
                                'manualCouriers' => $manualCouriers ?? collect(),
                                'steadfastOn' => $steadfastOn ?? false,
                                'pathaoOn' => $pathaoOn ?? false,
                                'redxOn' => $redxOn ?? false,
                                'carrybeeOn' => $carrybeeOn ?? false,
                            ])
                        </select>
                        <small class="text-muted">Settings-এ ON থাকা courier + manual list — এক dropdown</small>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-600">Consignment / Tracking ID</label>
                        <input type="text" name="consignment_id" class="form-control form-control-sm"
                               value="{{ $order->consignment_id }}" placeholder="Tracking number">
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-600">Note</label>
                        <textarea name="note" class="form-control form-control-sm" rows="2" placeholder="Admin note...">{{ $order->admin_note }}</textarea>
                    </div>
                    <button type="submit" class="btn btn-primary btn-sm w-100">
                        <i class="fas fa-save me-1"></i>Update Status
                    </button>
                </form>
            </div>
        </div>

        {{-- Send SMS --}}
        <div class="admin-card mb-3">
            <div class="admin-card-header">
                <h5><i class="fas fa-sms me-2"></i>Send SMS</h5>
            </div>
            <div class="admin-card-body">
                <textarea id="orderShowSmsText" class="form-control form-control-sm mb-2" rows="3"
                    placeholder="SMS message to {{ $order->customer_phone }}..."></textarea>
                <button type="button" class="btn btn-primary btn-sm w-100" id="orderShowSmsBtn">
                    <i class="fas fa-paper-plane me-1"></i>Send
                </button>
            </div>
        </div>

        {{-- Quick Actions --}}
        <div class="admin-card">
            <div class="admin-card-header">
                <h5><i class="fas fa-bolt me-2"></i>Quick Actions</h5>
            </div>
            <div class="admin-card-body d-flex flex-column gap-2">
                <a href="{{ route('admin.print.invoice', ['invoice_id' => $order->invoice_id, 'size' => 'a4']) }}" target="_blank" class="btn btn-outline-primary btn-sm w-100 text-start">
                    <i class="fas fa-file me-2"></i>Print A4 Invoice
                </a>
                <a href="{{ route('admin.print.invoice', ['invoice_id' => $order->invoice_id, 'size' => 'thermal']) }}" target="_blank" class="btn btn-outline-secondary btn-sm w-100 text-start">
                    <i class="fas fa-receipt me-2"></i>Print Thermal
                </a>
                <a href="{{ route('admin.print.label', $order->invoice_id) }}" target="_blank" class="btn btn-outline-warning btn-sm w-100 text-start">
                    <i class="fas fa-tag me-2"></i>Print Courier Label
                </a>
                <a href="{{ route('admin.orders.whatsapp', $order->id) }}" target="_blank" class="btn btn-success btn-sm w-100 text-start">
                    <i class="fab fa-whatsapp me-2"></i>Send WhatsApp Message
                </a>
            </div>
        </div>
    </div>
</div>

@can('customers.block')
@if(!$activeBlock)
@php
    $blockCustomer = $order->customer ?? new \App\Models\Customer([
        'id' => $order->customer_id,
        'name' => $order->customer_name,
        'phone' => $order->customer_phone,
    ]);
@endphp
@include('backEnd.customer.partials.block-modal', ['modalId' => 'orderDetailBlockModal', 'customer' => $blockCustomer])
@endif
@endcan
@endsection

@push('scripts')
<script>
document.getElementById('copyTrackingLinkBtn')?.addEventListener('click', function () {
    const input = document.getElementById('orderTrackingUrl');
    const url = input?.value || '';
    if (!url) return;

    navigator.clipboard.writeText(url).then(function () {
        const btn = document.getElementById('copyTrackingLinkBtn');
        const old = btn.innerHTML;
        btn.innerHTML = '<i class="fas fa-check me-1"></i>Copied!';
        setTimeout(function () { btn.innerHTML = old; }, 2000);
    }).catch(function () {
        input.select();
        document.execCommand('copy');
        alert('Tracking link copied.');
    });
});

document.getElementById('orderShowSmsBtn')?.addEventListener('click', function () {
    const message = (document.getElementById('orderShowSmsText')?.value || '').trim();
    if (!message) { alert('SMS message লিখুন'); return; }

    fetch(@json(route('admin.orders.send-sms', $order->id)), {
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]')?.content || '',
            'Content-Type': 'application/json',
            'Accept': 'application/json',
        },
        body: JSON.stringify({ message: message })
    }).then(r => r.json()).then(d => {
        alert(d.message || (d.ok ? 'SMS sent!' : 'SMS failed'));
        if (d.ok) document.getElementById('orderShowSmsText').value = '';
    }).catch(() => alert('SMS failed'));
});
</script>
@if($canCustomize ?? false)
<link rel="stylesheet" href="{{ asset('css/address-geo-breadcrumb.css') }}?v={{ filemtime(public_path('css/address-geo-breadcrumb.css')) }}">
<script src="{{ asset('backEnd/js/product-live-search.js') }}"></script>
<script src="{{ asset('js/address-geo-autofill.js') }}?v={{ filemtime(public_path('js/address-geo-autofill.js')) }}"></script>
<script>
(function () {
    const productSearchUrl = @json(route('admin.orders.product-search'));
    const shippingQuoteUrl = @json(route('admin.orders.shipping-quote'));
    const upazilasUrl = @json(url('/get-upazilas'));
    const presetUpazila = @json(old('upazila', $order->upazila));
    const couponDiscount = {{ (float) ($order->coupon_discount ?? 0) }};
    const advanceAmount = {{ (float) ($order->advance_amount ?? 0) }};
    let itemIdx = {{ max(count(old('items', []) ?: $order->items), 1) }};

    function hasSelect2() {
        return typeof window.jQuery !== 'undefined' && typeof jQuery.fn.select2 === 'function';
    }

    function recalcCustomizeTotals() {
        let subtotal = 0;
        document.querySelectorAll('#coItemsBody .co-item-row').forEach(function (row) {
            const price = parseFloat(row.querySelector('.item-price')?.value || 0);
            const qty = parseInt(row.querySelector('.item-qty')?.value || 1, 10);
            const line = price * qty;
            subtotal += line;
            const lineEl = row.querySelector('.co-line-total');
            if (lineEl) lineEl.textContent = '৳' + line.toLocaleString('en-BD', { maximumFractionDigits: 0 });
        });

        const shipping = parseFloat(document.getElementById('coShipping')?.value || 0);
        const discount = parseFloat(document.getElementById('coDiscount')?.value || 0);
        const total = Math.max(0, subtotal + shipping - discount - couponDiscount);
        const due = advanceAmount > 0 ? Math.max(0, total - advanceAmount) : total;

        const totalEl = document.getElementById('coTotalDisplay');
        const codEl = document.getElementById('coCodDisplay');
        if (totalEl) totalEl.textContent = '৳' + total.toLocaleString('en-BD', { maximumFractionDigits: 0 });
        if (codEl) codEl.value = due.toFixed(0);
    }

    function bindRowEvents(row) {
        row.querySelectorAll('.item-price, .item-qty').forEach(function (el) {
            el.addEventListener('input', recalcCustomizeTotals);
        });

        row.querySelector('.co-qty-minus')?.addEventListener('click', function () {
            const input = row.querySelector('.item-qty');
            input.value = Math.max(1, parseInt(input.value || 1, 10) - 1);
            recalcCustomizeTotals();
        });

        row.querySelector('.co-qty-plus')?.addEventListener('click', function () {
            const input = row.querySelector('.item-qty');
            input.value = Math.max(1, parseInt(input.value || 1, 10) + 1);
            recalcCustomizeTotals();
        });

        row.querySelector('.co-remove-item')?.addEventListener('click', function () {
            if (document.querySelectorAll('#coItemsBody .co-item-row').length <= 1) {
                alert('অন্তত একটি product থাকতে হবে।');
                return;
            }
            row.remove();
            recalcCustomizeTotals();
        });

        const wrap = row.querySelector('.product-search-wrap');
        if (wrap && typeof ProductLiveSearch !== 'undefined') {
            new ProductLiveSearch(wrap, {
                url: productSearchUrl,
                onSelect: function () { recalcCustomizeTotals(); }
            });
        }
    }

    function addProductRow() {
        const tpl = document.getElementById('coItemRowTemplate');
        if (!tpl) return;
        const html = tpl.innerHTML.replace(/__IDX__/g, String(itemIdx++));
        const tbody = document.getElementById('coItemsBody');
        const temp = document.createElement('tbody');
        temp.innerHTML = html.trim();
        const row = temp.firstElementChild;
        tbody.appendChild(row);
        bindRowEvents(row);
        recalcCustomizeTotals();
        row.querySelector('.product-search-input')?.focus();
        row.scrollIntoView({ behavior: 'smooth', block: 'center' });
    }

    document.querySelectorAll('#coItemsBody .co-item-row').forEach(bindRowEvents);
    document.getElementById('coAddProductBtn')?.addEventListener('click', addProductRow);
    document.getElementById('coAddProductBtn2')?.addEventListener('click', addProductRow);
    document.getElementById('coShipping')?.addEventListener('input', recalcCustomizeTotals);
    document.getElementById('coDiscount')?.addEventListener('input', recalcCustomizeTotals);

    function refreshShippingQuote() {
        const districtEl = document.getElementById('coDistrict');
        if (!districtEl?.value) return;

        const productIds = [...document.querySelectorAll('.product-id-input')]
            .map(el => el.value).filter(Boolean);

        const params = new URLSearchParams({
            district: districtEl.value,
            district_id: districtEl.selectedOptions[0]?.dataset?.id || '',
            product_ids: productIds.join(','),
        });

        fetch(shippingQuoteUrl + '?' + params.toString(), { headers: { 'Accept': 'application/json' } })
            .then(r => r.json())
            .then(data => {
                if (data.shipping_charge !== undefined) {
                    document.getElementById('coShipping').value = parseFloat(data.shipping_charge || 0).toFixed(0);
                    recalcCustomizeTotals();
                }
            })
            .catch(() => {});
    }

    function loadUpazilas(districtSelect, selectedUpazila) {
        const upazilaSelect = document.getElementById('coUpazila');
        const districtId = districtSelect.selectedOptions[0]?.dataset?.id;
        if (!districtSelect.value) return Promise.resolve();

        if (!districtId || districtId === '0') {
            upazilaSelect.innerHTML = '<option value="General" selected>General</option>';
            return Promise.resolve();
        }

        return fetch(upazilasUrl + '/' + districtId, { headers: { 'Accept': 'application/json' } })
            .then(r => r.json())
            .then(data => {
                upazilaSelect.innerHTML = '<option value=""></option>';
                (data.upazilas || []).forEach(function (u) {
                    const opt = document.createElement('option');
                    opt.value = u.name;
                    opt.textContent = u.label || u.name;
                    if (selectedUpazila && u.name === selectedUpazila) opt.selected = true;
                    upazilaSelect.appendChild(opt);
                });
                if (hasSelect2()) jQuery(upazilaSelect).trigger('change.select2');
            });
    }

    const districtEl = document.getElementById('coDistrict');
    if (districtEl && hasSelect2()) {
        jQuery(districtEl).select2({ width: '100%', theme: 'bootstrap-5', dropdownParent: jQuery('#customizeOrderForm') });
        jQuery('#coUpazila').select2({ width: '100%', theme: 'bootstrap-5', tags: true, dropdownParent: jQuery('#customizeOrderForm') });
        jQuery(districtEl).on('change', function () {
            loadUpazilas(districtEl).then(refreshShippingQuote);
        });
    } else {
        districtEl?.addEventListener('change', function () {
            loadUpazilas(districtEl).then(refreshShippingQuote);
        });
    }

    if (districtEl?.value) {
        loadUpazilas(districtEl, presetUpazila);
    }

    const addressEl = document.getElementById('coAddress');
    if (window.AddressGeoAutofill && addressEl && districtEl) {
        AddressGeoAutofill.init({
            addressEl: addressEl,
            districtEl: districtEl,
            upazilaEl: document.getElementById('coUpazila'),
            statusEl: document.getElementById('coAddressGeoStatus'),
            breadcrumbEl: document.getElementById('coDeliveryAreaBreadcrumb'),
            resolveUrl: @json(route('admin.orders.resolve-address-geo')),
            markFilledClass: 'ai-filled',
            loadUpazilas: loadUpazilas,
            onApplied: refreshShippingQuote,
        });
    }

    recalcCustomizeTotals();

    document.getElementById('customizeOrderForm')?.addEventListener('submit', function () {
        const phoneEl = document.getElementById('coPhone');
        if (phoneEl && window.BdPhone) {
            phoneEl.value = BdPhone.normalize(phoneEl.value);
        }
    });
})();
</script>
@endif
<script>
function checkPhoneHistory(phone) {
    const resultDiv = document.getElementById('phoneHistoryResult');
    resultDiv.style.display = 'block';
    resultDiv.innerHTML = '<div class="text-muted small"><i class="fas fa-spinner fa-spin me-1"></i>Loading...</div>';

    fetch('/admin/orders/phone-history?phone=' + phone)
        .then(r => r.json())
        .then(data => {
            if (data.orders && data.orders.length > 0) {
                resultDiv.innerHTML = `
                    <div class="alert alert-info alert-sm p-2 mb-0">
                        <div class="d-flex gap-3 flex-wrap">
                            <span><strong>${data.summary.total}</strong> orders</span>
                            <span class="text-success"><strong>${data.summary.delivered}</strong> delivered</span>
                            <span class="text-danger"><strong>${data.summary.cancelled}</strong> cancelled</span>
                            <span><strong>৳${parseFloat(data.summary.total_spend).toLocaleString()}</strong> spent</span>
                        </div>
                    </div>`;
            } else {
                resultDiv.innerHTML = '<div class="text-muted small">No previous orders found.</div>';
            }
        })
        .catch(() => {
            resultDiv.innerHTML = '<div class="text-danger small">Error loading history.</div>';
        });
}
</script>
@endpush