@php($listTitle = $completed ? 'Order Complete' : 'Orders')

<x-admin.layout :title="$listTitle">
    {{-- One view for both lists. Order Complete has no status tabs and no Create button: new orders start in Orders. --}}
    <x-admin.list-table :title="$listTitle" subtitle="{{ $orders->total() }} found" search-placeholder="Search order number or customer, then press Enter..." :drawer-target="$completed ? null : 'orderCrudDrawer'" create-label="Create Manual Order" :empty-message="$completed ? 'No completed orders yet.' : 'No orders found.'" :is-empty="$orders->isEmpty()">
        @if ($statusTabs)
            <x-slot:filters>
                <x-admin.status-tabs :options="$statusTabs" />
            </x-slot:filters>
        @endif

        <x-slot:head>
            <tr><th scope="col">Order</th><th scope="col">Customer</th><th scope="col">Total</th><th scope="col">Gateway</th><th scope="col">Payment</th><th scope="col">Status</th><th scope="col"><span class="visually-hidden">Actions</span></th></tr>
        </x-slot:head>

        @foreach ($orders as $order)
            <tr>
                <td>{{ $order->order_number }}<div class="small text-body-secondary">{{ $order->created_at->format('d M Y') }}</div></td>
                <td>{{ $order->customer_name }}<div class="small text-body-secondary">{{ $order->customer_email }}</div></td>
                <td class="text-nowrap">{{ $order->currency }} {{ number_format($order->total_amount, 2) }}</td>
                <td><span class="badge text-bg-light border">{{ $order->payment_gateway }}</span></td>
                <td>{{ $order->payment_status }}</td>
                <td>
                    {{-- JavaScript saves this on change; without it the Save button below does the same. --}}
                    <form method="POST" action="{{ route('admin.orders.update', $order) }}" data-saruar-order-status data-order="{{ $order->order_number }}" data-list="{{ $completed ? 'completed' : 'open' }}">
                        @csrf
                        @method('PUT')
                        <label class="visually-hidden" for="orderStatus-{{ $order->id }}">Status of order {{ $order->order_number }}</label>
                        <select id="orderStatus-{{ $order->id }}" name="status" class="form-select form-select-sm sm-status-select" data-current="{{ $order->status }}" data-status="{{ $order->status }}" required>
                            @foreach (\App\Models\Order::STATUSES as $status)
                                <option value="{{ $status }}" @selected($order->status === $status)>{{ $status }}</option>
                            @endforeach
                        </select>
                        <noscript><button class="btn btn-sm btn-outline-secondary mt-1" type="submit">Save</button></noscript>
                    </form>
                </td>
                <td class="text-end text-nowrap">
                    {{-- Order Complete only views and prints; editing and deleting happen in Orders, and the server holds to that too. --}}
                    @if ($completed)
                        <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="offcanvas" data-bs-target="#orderCrudDrawer" data-saruar-drawer-edit data-readonly data-action="{{ route('admin.orders.update', $order) }}" data-title="Order {{ $order->order_number }}" data-values="{{ json_encode([...$order->only('order_number', 'customer_id', 'customer_name', 'customer_email', 'customer_phone', 'shipping_address', 'subtotal', 'total_amount', 'payment_gateway', 'payment_status', 'status', 'notes'), 'items_json' => json_encode($order->items_json, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE), 'delivery_area_label' => implode(', ', array_filter([$order->delivery_area, $order->delivery_district, $order->delivery_division])), 'delivery_charge_label' => '৳ '.number_format((float) $order->shipping_amount, 2).($order->delivery_zone ? ' ('.(\App\Services\CheckoutService::DELIVERY_ZONES[$order->delivery_zone] ?? $order->delivery_zone).')' : '')]) }}">View</button>
                    @else
                        <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="offcanvas" data-bs-target="#orderCrudDrawer" data-saruar-drawer-edit data-action="{{ route('admin.orders.update', $order) }}" data-title="Order {{ $order->order_number }}" data-values="{{ json_encode([...$order->only('order_number', 'customer_id', 'customer_name', 'customer_email', 'customer_phone', 'shipping_address', 'subtotal', 'total_amount', 'payment_gateway', 'payment_status', 'status', 'notes'), 'items_json' => json_encode($order->items_json, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE), 'delivery_area_label' => implode(', ', array_filter([$order->delivery_area, $order->delivery_district, $order->delivery_division])), 'delivery_charge_label' => '৳ '.number_format((float) $order->shipping_amount, 2).($order->delivery_zone ? ' ('.(\App\Services\CheckoutService::DELIVERY_ZONES[$order->delivery_zone] ?? $order->delivery_zone).')' : '')]) }}">View / Edit</button>
                    @endif
                    <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.orders.label', $order) }}" target="_blank" rel="noopener" aria-label="Print the 80mm label of order {{ $order->order_number }}"><i class="bi bi-printer" aria-hidden="true"></i> Label</a>
                    @unless ($completed)
                        <form method="POST" action="{{ route('admin.orders.destroy', $order) }}" class="d-inline" data-saruar-confirm="Delete this order?">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger" type="submit">Delete</button>
                        </form>
                    @endunless
                </td>
            </tr>
        @endforeach

        <x-slot:footer>
            @if ($orders->hasPages())
                <div class="card-footer bg-white">{{ $orders->links() }}</div>
            @endif
        </x-slot:footer>
    </x-admin.list-table>

    <x-admin.crud-drawer id="orderCrudDrawer" title="Create Manual Order" form-id="orderForm" :action="route('admin.orders.store')">
        <div class="mb-3">
            <label class="form-label" for="orderNumber">Order number (blank to generate)</label>
            <input id="orderNumber" name="order_number" class="form-control" type="text" value="{{ old('order_number') }}" maxlength="60">
        </div>
        <div class="mb-3">
            <label class="form-label" for="orderCustomer">Customer</label>
            <select id="orderCustomer" name="customer_id" class="form-select">
                <option value="">Walk-in / none</option>
                @foreach ($customers as $customer)
                    <option value="{{ $customer->id }}" @selected((string) old('customer_id') === (string) $customer->id)>{{ $customer->full_name }} ({{ $customer->email }})</option>
                @endforeach
            </select>
        </div>
        @foreach ([['customer_name', 'Buyer name', 'text', 150], ['customer_email', 'Buyer email', 'email', 150], ['customer_phone', 'Buyer phone', 'tel', 30]] as [$field, $label, $type, $maxLength])
            <div class="mb-3">
                <label class="form-label" for="order-{{ $field }}">{{ $label }}</label>
                <input id="order-{{ $field }}" name="{{ $field }}" class="form-control" type="{{ $type }}" value="{{ old($field) }}" maxlength="{{ $maxLength }}">
            </div>
        @endforeach
        {{-- Read only: checkout sets it from the area list. The server ignores this field. --}}
        <div class="mb-3">
            <label class="form-label" for="orderDeliveryArea">Delivery area</label>
            <input id="orderDeliveryArea" name="delivery_area_label" class="form-control" type="text" value="" readonly placeholder="Set by checkout">
        </div>
        <div class="mb-3">
            <label class="form-label" for="orderDeliveryCharge">Delivery charge (included in the total)</label>
            <input id="orderDeliveryCharge" name="delivery_charge_label" class="form-control" type="text" value="" readonly placeholder="Set by checkout">
        </div>
        <div class="mb-3">
            <label class="form-label" for="orderAddress">Shipping address</label>
            <textarea id="orderAddress" name="shipping_address" class="form-control" rows="2" maxlength="500">{{ old('shipping_address') }}</textarea>
        </div>
        <div class="row g-2 mb-3">
            @foreach ([['subtotal', 'Subtotal', true], ['total_amount', 'Total', true]] as [$field, $label, $isRequired])
                <div class="col-6">
                    <label class="form-label" for="order-{{ $field }}">{{ $label }}</label>
                    <input id="order-{{ $field }}" name="{{ $field }}" class="form-control" type="number" min="0" max="9999999999.99" step="0.01" value="{{ old($field) }}" @required($isRequired)>
                </div>
            @endforeach
        </div>
        <div class="mb-3">
            <label class="form-label" for="orderGateway">Payment gateway</label>
            <select id="orderGateway" name="payment_gateway" class="form-select">
                @foreach (['cod', 'sslcommerz', 'bkash', 'nagad'] as $gateway)
                    <option value="{{ $gateway }}" @selected(old('payment_gateway', 'cod') === $gateway)>{{ $gateway }}</option>
                @endforeach
            </select>
        </div>
        <div class="row g-2 mb-3">
            <div class="col-6">
                <label class="form-label" for="orderPayment">Payment status</label>
                <select id="orderPayment" name="payment_status" class="form-select">
                    @foreach (['Unpaid', 'Paid', 'Refunded'] as $status)
                        <option value="{{ $status }}" @selected(old('payment_status', 'Unpaid') === $status)>{{ $status }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6">
                <label class="form-label" for="orderStatus">Order status</label>
                <select id="orderStatus" name="status" class="form-select">
                    @foreach (\App\Models\Order::STATUSES as $status)
                        <option value="{{ $status }}" @selected(old('status', 'Pending') === $status)>{{ $status }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="mb-3">
            <label class="form-label" for="orderItems">Line items (JSON)</label>
            <textarea id="orderItems" name="items_json" class="form-control font-monospace" rows="5">{{ is_array(old('items_json')) ? json_encode(old('items_json')) : old('items_json', '[]') }}</textarea>
        </div>
        <div class="mb-3">
            <label class="form-label" for="orderNotes">Notes</label>
            <textarea id="orderNotes" name="notes" class="form-control" rows="2" maxlength="2000">{{ old('notes') }}</textarea>
        </div>
    </x-admin.crud-drawer>
</x-admin.layout>