@php
    $courierDisplay = \App\Models\CourierApi::displayName($order->courier_type);
    $fulfillmentLabels = [
        'pending' => 'Pending',
        'accepted' => 'Accepted',
        'ready_booking' => 'Ready Booking',
        'booked' => 'Booked',
        'packed' => 'Packed',
        'completed' => 'Completed',
    ];
@endphp

<div class="oc-tracking-bar" id="tracking-panel-{{ $order->id }}">
    <div class="oc-tracking-head">
        <span class="oc-tracking-title"><i class="fas fa-route me-1"></i> Order Tracking</span>
        <span class="status-badge status-{{ $order->order_status }} oc-status-badge" id="track-status-badge-{{ $order->id }}">
            {{ \App\Models\Order::statusLabel($order->order_status) }}
        </span>
        @if($order->fulfillment_stage)
        <span class="oc-fulfillment-pill">{{ $fulfillmentLabels[$order->fulfillment_stage] ?? ucfirst(str_replace('_', ' ', $order->fulfillment_stage)) }}</span>
        @endif
    </div>

    <div class="oc-tracking-fields">
        <div class="oc-track-field">
            <label>Delivery Status</label>
            <select class="form-select form-select-sm oc-track-status" id="track-status-{{ $order->id }}">
                <option value="2" {{ $order->order_status == 2 ? 'selected' : '' }}>Awaiting</option>
                <option value="3" {{ $order->order_status == 3 ? 'selected' : '' }}>Courier Pending</option>
                <option value="4" {{ $order->order_status == 4 ? 'selected' : '' }}>Delivered</option>
                <option value="6" {{ $order->order_status == 6 ? 'selected' : '' }}>Returned</option>
                <option value="5" {{ $order->order_status == 5 ? 'selected' : '' }}>Cancelled</option>
            </select>
        </div>

        <div class="oc-track-field">
            <label>Courier</label>
            <select class="form-select form-select-sm oc-track-courier" id="track-courier-{{ $order->id }}">
                <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>
        </div>

        <div class="oc-track-field oc-track-consignment-wrap">
            <label>Consignment ID</label>
            <input type="text"
                   class="form-control form-control-sm oc-track-consignment"
                   id="track-consignment-{{ $order->id }}"
                   value="{{ $order->consignment_id }}"
                   placeholder="Tracking / Consignment ID">
        </div>

        <div class="oc-track-field oc-track-action-wrap">
            <label class="d-none d-md-block">&nbsp;</label>
            <button type="button" class="btn btn-sm btn-success w-100 oc-track-save-btn"
                    onclick="saveTrackingUpdate({{ $order->id }})">
                <i class="fas fa-save me-1"></i> Update
            </button>
        </div>
    </div>

    <div class="oc-tracking-meta">
        @if($order->courier_type || $order->consignment_id)
        <span><strong>Current:</strong> {{ $courierDisplay }} @if($order->consignment_id)— {{ $order->consignment_id }}@endif</span>
        <span class="oc-meta-sep">|</span>
        @endif
        @if($order->booked_at)<span>Booked: {{ $order->booked_at->format('M j, g:i A') }}</span><span class="oc-meta-sep">|</span>@endif
        @if($order->packed_at)<span>Packed: {{ $order->packed_at->format('M j, g:i A') }}</span><span class="oc-meta-sep">|</span>@endif
        @if($order->shipped_at)<span>Shipped: {{ $order->shipped_at->format('M j, g:i A') }}</span><span class="oc-meta-sep">|</span>@endif
        @if($order->delivered_at)<span>Delivered: {{ $order->delivered_at->format('M j, g:i A') }}</span>@endif
    </div>
</div>