@php
    $itemThumbs = $order->items->map(fn ($orderItem) => $orderItem->thumbnailUrl())->filter()->values();
    $pStat     = $phoneStats[$order->customer_phone] ?? ['delivered'=>0,'returned'=>0,'total'=>0,'score'=>0];
    $score     = $pStat['score'] ?? ($pStat['total'] ? round($pStat['delivered']/$pStat['total']*100) : 0);
    $cStatDefaults = ['steadfast' => ['d' => 0, 'r' => 0], 'pathao' => ['d' => 0, 'r' => 0], 'redx' => ['d' => 0, 'r' => 0], 'carrybee' => ['d' => 0, 'r' => 0]];
    $cStat     = array_replace_recursive($cStatDefaults, $courierStats[$order->customer_phone] ?? []);
    $normPhone = app(\App\Services\CourierFraudCheckService::class)->normalizePhone($order->customer_phone);
    $fraudData = ($fraudCache ?? [])[$normPhone] ?? null;
    if ($fraudData) {
        if (empty($fraudData['steadfast']['error'] ?? null) && (int) ($fraudData['steadfast']['total'] ?? 0) > 0) {
            $cStat['steadfast'] = ['d' => (int) $fraudData['steadfast']['success'], 'r' => (int) $fraudData['steadfast']['cancel']];
        }
        if (empty($fraudData['pathao']['error'] ?? null) && (int) ($fraudData['pathao']['total'] ?? 0) > 0) {
            $cStat['pathao'] = ['d' => (int) $fraudData['pathao']['success'], 'r' => (int) $fraudData['pathao']['cancel']];
        }
        if (empty($fraudData['redx']['error'] ?? null) && (int) ($fraudData['redx']['total'] ?? 0) > 0) {
            $cStat['redx'] = ['d' => (int) $fraudData['redx']['success'], 'r' => (int) $fraudData['redx']['cancel']];
        }
        if (empty($fraudData['carrybee']['error'] ?? null) && (int) ($fraudData['carrybee']['total'] ?? 0) > 0) {
            $cStat['carrybee'] = ['d' => (int) $fraudData['carrybee']['success'], 'r' => (int) $fraudData['carrybee']['cancel']];
        }
    }
    $siteHost  = parse_url(config('app.url'), PHP_URL_HOST) ?: request()->getHost();
    $fraudAgg = $fraudData['aggregate'] ?? null;
    $fraudRisk = $fraudData['risk'] ?? null;
    $fraudScoreClass = match ($fraudRisk['level'] ?? '') {
        'good'    => 'oc-pill-fraud-good',
        'medium'  => 'oc-pill-fraud-medium',
        'warning' => 'oc-pill-fraud-warn',
        'bad'     => 'oc-pill-fraud-bad',
        default   => 'oc-pill-score',
    };
    $showFraudAvg = $fraudAgg && (int) ($fraudAgg['couriers_count'] ?? 0) > 0;
    $activeBlock = ($blockedMap ?? [])[$order->customer_phone] ?? null;
    $isBlocked = (bool) $activeBlock;
    $customerOrderTotal = (int) ($pStat['total'] ?? 0);
    $customerDeliveredTotal = (int) ($pStat['delivered'] ?? 0);
    $isNewCustomer = $customerOrderTotal <= 1;
    $orderCustomer = $order->customer ?? null;
    $customerTier = \App\Services\CustomerInsightsSettingsService::resolveTier(
        (float) ($pStat['delivered_spend'] ?? 0),
        (int) ($pStat['total'] ?? 0),
        $orderCustomer,
        $insightsSettings ?? null
    );
    $claimService = app(\App\Services\OrderClaimService::class);
    $claimReady = $claimService->isReady() && (int) $order->order_status === \App\Models\Order::STATUS_PENDING;
    $claim = $claimReady ? $claimService->serializeClaim($order, (int) auth()->id()) : null;
    $claimLocked = $claim && ($claim['claim_state'] ?? '') === 'other';
    $actionsLocked = $claim && ! ($claim['can_work'] ?? true);
@endphp

<div class="order-card {{ $isBlocked ? 'oc-is-blocked' : '' }}{{ $claimLocked ? ' oc-is-claim-locked' : '' }}" id="order-card-{{ $order->id }}" data-order-id="{{ $order->id }}" @if($claim) data-claim-state="{{ $claim['claim_state'] }}" data-can-work="{{ ($claim['can_work'] ?? true) ? '1' : '0' }}" @endif>
    <div class="order-card-inner">
        <div class="oc-check">
            <input type="checkbox" class="row-check" value="{{ $order->id }}">
        </div>

        <div class="oc-grid">
            {{-- ══ LEFT: Order ID, badges, customer ══ --}}
            <div class="oc-col oc-col-left">
                <div class="oc-id-block">
                    <i class="fas fa-clipboard-list oc-list-icon"></i>
                    <span class="oc-id-label">Order ID:</span>
                    <a href="{{ route('admin.orders.show', $order->id) }}" class="oc-id-link">#{{ $order->id }}</a>
                    <a href="{{ route('admin.orders.show', $order->id) }}" class="oc-edit-badge">
                        <i class="fas fa-eye"></i> Edit
                    </a>
                </div>

                <div class="oc-badges">
                    @if($showFraudAvg)
                    <span class="oc-pill {{ $fraudScoreClass }}" id="fraud-score-{{ $order->id }}"
                          title="{{ $fraudRisk['label'] ?? 'Courier average' }}">
                        Avg: {{ $fraudAgg['success_ratio'] }}%
                    </span>
                    @else
                    <span class="oc-pill oc-pill-score" id="fraud-score-{{ $order->id }}">Score: {{ $score }}%</span>
                    @endif
                    <span class="oc-pill oc-pill-d">D:{{ $pStat['delivered'] ?? 0 }}</span>
                    <span class="oc-pill oc-pill-r">R:{{ $pStat['returned'] ?? 0 }}</span>
                    <span class="oc-pill oc-pill-steadfast" id="sf-pill-{{ $order->id }}">Steadfast: {{ $cStat['steadfast']['d'] }}-{{ $cStat['steadfast']['r'] }}</span>
                    <span class="oc-pill oc-pill-pathao" id="pa-pill-{{ $order->id }}">Pathao: {{ $cStat['pathao']['d'] }}-{{ $cStat['pathao']['r'] }}</span>
                    <span class="oc-pill oc-pill-redx" id="rx-pill-{{ $order->id }}">RedX: {{ $cStat['redx']['d'] }}-{{ $cStat['redx']['r'] }}</span>
                    <span class="oc-pill oc-pill-carrybee" id="cb-pill-{{ $order->id }}">CarryBee: {{ $cStat['carrybee']['d'] }}-{{ $cStat['carrybee']['r'] }}</span>
                    <button type="button"
                            class="oc-fraud"
                            id="fraud-btn-{{ $order->id }}"
                            title="Courier fraud check (Steadfast + Pathao + RedX + CarryBee)"
                            onclick="runFraudCheck('{{ $order->customer_phone }}', {{ $order->id }}, this)">
                        <i class="fas fa-user-secret"></i><small>Fraud</small>
                    </button>
                </div>

                <div class="oc-phone-block">
                    <i class="fas fa-phone oc-phone-icon"></i>
                    <span class="oc-phone-label">Phone:</span>
                    <a href="tel:{{ $order->customer_phone }}" class="oc-phone-num">{{ $order->customer_phone }}</a>
                    <a href="tel:{{ $order->customer_phone }}" class="oc-mini-btn oc-mini-call"><i class="fas fa-phone"></i> Call</a>
                    <a href="{{ wa_me_url($order->customer_phone) }}" target="_blank" class="oc-mini-btn oc-mini-wa"><i class="fab fa-whatsapp"></i> WhatsApp</a>
                    <button type="button" class="oc-mini-btn oc-mini-copy" onclick="copyPhone('{{ $order->customer_phone }}', this)"><i class="fas fa-copy"></i> Copy</button>
                    <a href="{{ route('admin.customers.insights', ['phone' => $order->customer_phone]) }}" class="oc-mini-btn oc-mini-insights" title="View customer insights"><i class="fas fa-chart-pie"></i> Insights</a>
                </div>

                <div class="oc-name">
                    <i class="fas fa-user"></i>
                    <span class="oc-field-label">Name:</span> {{ $order->customer_name }}
                    @include('backEnd.customer.partials.tier-badge', ['tier' => $customerTier, 'sm' => true])
                </div>

                @if($order->shipping_address)
                <div class="oc-full-address">
                    <span class="oc-field-label">Address:</span> {{ $order->shipping_address }}
                </div>
                @endif

                @if($order->district || $order->upazila)
                <div class="oc-loc-summary">
                    <i class="fas fa-map-marker-alt"></i>
                    <span class="oc-field-label">Area:</span>
                    {{ $order->district }}@if($order->upazila) &gt;&gt; {{ $order->upazila }}@endif
                </div>
                @endif

                @can('staff.performance.own')
                @if($order->relationLoaded('moderatorCallLogs'))
                <div class="oc-call-log-bar" id="call-log-{{ $order->id }}">
                    <div class="oc-call-log-label">
                        <i class="fas fa-phone-volume"></i> Call Log
                        <a href="{{ route('admin.support.hub') }}" class="oc-call-log-hub-link" title="Customer Support Hub">
                            <i class="fas fa-headset"></i> Hub
                        </a>
                    </div>
                    @if($order->moderatorCallLogs->isNotEmpty())
                    <div class="oc-call-history">
                        @foreach($order->moderatorCallLogs as $clog)
                        <div class="oc-call-history-row">
                            <i class="fas fa-phone-alt"></i>
                            <span>{{ $clog->started_at?->format('d M, h:i A') ?? '—' }}</span>
                            <span>{{ $clog->moderator?->name ?? 'Staff' }}</span>
                            <span>{{ str_replace('_', ' ', $clog->outcome ?: 'logged') }}</span>
                            @if($clog->duration_seconds)
                            <span>{{ $clog->durationLabel() }}</span>
                            @endif
                            @if($clog->note)
                            <span class="oc-call-history-note">· {{ Str::limit($clog->note, 60) }}</span>
                            @endif
                        </div>
                        @endforeach
                    </div>
                    @else
                    <p class="oc-call-log-empty">Hub → <strong>Call</strong> চাপলে log হবে (timer + outcome)।</p>
                    @endif
                </div>
                @endif
                @endcan
            </div>

            {{-- ══ MIDDLE: date, pricing, note only ══ --}}
            <div class="oc-col oc-col-mid">
                <div class="oc-mid-meta">
                    <div class="oc-mid-meta-top">
                        <div>
                            <div class="oc-date">{{ $order->created_at->format('F j, Y g:i A') }}</div>
                            @php $src = $order->order_source ?? 'website'; @endphp
                            <span class="badge {{ \App\Models\Order::sourceBadgeClass($src) }} oc-order-source">
                                {{ \App\Models\Order::sourceLabel($src) }}
                            </span>
                            @if($order->ip_address ?? null)
                            <div class="oc-ip">Ip: {{ $order->ip_address }}</div>
                            @endif
                        </div>
                        <div class="oc-mid-action-stack">
                            <div class="oc-block-wrap">
                            @if($order->customer_phone)
                            @if($isNewCustomer)
                            <span class="oc-chip oc-chip-new" title="First order from this phone"><i class="fas fa-user-plus"></i> New Customer</span>
                            @else
                            <a href="{{ route('admin.customers.insights', ['phone' => $order->customer_phone]) }}" class="oc-chip oc-chip-info" title="View customer insights"><i class="fas fa-shopping-bag"></i> Total Orders: {{ $customerOrderTotal }}</a>
                            <span class="oc-chip oc-chip-delivered" title="Successfully delivered orders (status: delivered)"><i class="fas fa-truck"></i> Delivered: {{ $customerDeliveredTotal }}</span>
                            @endif
                            @endif
                            @can('customers.block')
                            @if($isBlocked)
                            <span class="oc-chip oc-chip-blocked"><i class="fas fa-ban"></i> 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="oc-chip oc-chip-unblock" title="Unblock customer">
                                    <i class="fas fa-unlock"></i>
                                </button>
                            </form>
                            @endif
                            @endcan
                            @if($claim)
                            @can('support.view')
                            @if($claim['claim_state'] === 'unclaimed')
                            <button type="button"
                                    class="oc-chip oc-chip-claim order-claim-btn"
                                    data-order-id="{{ $order->id }}"
                                    title="Assign to me">
                                <i class="fas fa-user-check"></i> Assign
                            </button>
                            @elseif($claim['claim_state'] === 'mine')
                            <button type="button"
                                    class="oc-chip oc-chip-assigned order-release-btn"
                                    data-order-id="{{ $order->id }}"
                                    title="Release order">
                                <i class="fas fa-lock"></i> {{ auth()->user()->name }}
                            </button>
                            @else
                            <span class="oc-chip oc-chip-assigned-other" title="Assigned moderator — release করলে assign করা যাবে">
                                <i class="fas fa-lock"></i> {{ $claim['claimed_by_name'] }}
                            </span>
                            @endif
                            @endcan
                            @endif
                            </div>
                            @can('orders.manage')
                            @if($claim && (int) $order->order_status === \App\Models\Order::STATUS_PENDING)
                            <div class="oc-transfer-row" @if(!($claim['can_transfer'] ?? false)) style="display:none" @endif>
                                <select class="form-select form-select-sm oc-transfer-select" data-order-id="{{ $order->id }}" aria-label="Assign moderator">
                                    <option value="">Assign to…</option>
                                    @foreach($salesAgents ?? [] as $agent)
                                    <option value="{{ $agent->id }}" @selected((int) ($claim['claimed_by'] ?? 0) === (int) $agent->id)>{{ $agent->name }}</option>
                                    @endforeach
                                </select>
                                <button type="button" class="oc-chip oc-chip-transfer order-transfer-btn" data-order-id="{{ $order->id }}" title="Assign to moderator">
                                    <i class="fas fa-user-tag"></i> Assign
                                </button>
                            </div>
                            @endif
                            @endcan
                        </div>
                    </div>
                </div>

                <div class="oc-pricing">
                    <div class="oc-price-line">
                        ৳{{ number_format($order->subtotal) }} | Shipping: ৳{{ number_format($order->shipping_charge) }}
                    </div>
                    <div class="oc-price-bottom">
                        <span class="oc-pay-badge">{{ $order->payment_method === 'cod' ? 'Cash on Delivery' : ucfirst($order->payment_method) }}</span>
                        <span class="oc-total">৳{{ number_format($order->amount) }}</span>
                    </div>
                </div>

                @include('backEnd.order.partials.order-note-list', [
                    'order'  => $order,
                    'boxId'  => 'note-box-' . $order->id,
                ])

                @if($order->consignment_id && ($tab ?? '') !== 'tracking')
                <div class="oc-courier-line" id="courier-line-{{ $order->id }}"
                     data-courier="{{ $order->courier_type }}"
                     data-consignment="{{ $order->consignment_id }}">
                    <i class="fas fa-truck me-1"></i>
                    <strong>Courier:</strong> <span class="oc-courier-name">{{ \App\Models\CourierApi::displayName($order->courier_type) }}</span>
                    | <strong>Consignment:</strong> <span class="oc-consignment-id">{{ $order->consignment_id }}</span>
                    @if(in_array($order->fulfillment_stage, [\App\Models\Order::STAGE_BOOKED, \App\Models\Order::STAGE_PACKED, \App\Models\Order::STAGE_COMPLETED], true))
                    <button type="button" class="oc-edit-courier-btn"
                            onclick="openTrackingCourierEdit({{ $order->id }}, '{{ addslashes($order->courier_type ?? '') }}', '{{ addslashes($order->consignment_id) }}')">
                        <i class="fas fa-pen"></i> Edit
                    </button>
                    @endif
                </div>
                @endif
            </div>

            {{-- ══ RIGHT: product + actions ══ --}}
            <div class="oc-col oc-col-right">
                <div class="oc-product">
                    @if($itemThumbs->isNotEmpty())
                    <div class="oc-product-thumbs">
                        @foreach($itemThumbs as $thumbUrl)
                        <div class="thumb-wrap oc-product-frame">
                            <img src="{{ $thumbUrl }}" class="oc-product-img" data-src="{{ $thumbUrl }}" alt="">
                        </div>
                        @endforeach
                    </div>
                    @else
                    <div class="oc-product-placeholder oc-product-frame"><i class="fas fa-box"></i></div>
                    @endif
                    <div class="oc-product-lines">
                        @forelse($order->items as $orderItem)
                        @php
                            $lineLabel = $orderItem->variant_label ?: $orderItem->product_name;
                        @endphp
                        <div class="oc-product-line" title="{{ $orderItem->product_name }}">
                            {{ Str::limit($lineLabel, 16) }} | Q:{{ $orderItem->qty }}
                        </div>
                        @empty
                        <div class="oc-product-line">Product | Q:0</div>
                        @endforelse
                    </div>
                </div>

                <div class="oc-action-btns">
                    <div class="oc-action-row oc-action-row-top">
                        <button type="button" class="oc-action-btn oc-btn-note"
                            onclick="openNoteModal({{ $order->id }}, '{{ addslashes($order->invoice_id) }}')"
                            @if($actionsLocked) disabled @endif>
                            <i class="fas fa-sticky-note"></i> Note
                        </button>
                        <button type="button" class="oc-action-btn oc-btn-sms"
                            onclick="openSmsModal({{ $order->id }}, '{{ $order->customer_phone }}')"
                            @if($actionsLocked) disabled @endif>
                            <i class="fas fa-paper-plane"></i> Send SMS
                        </button>
                    </div>
                    <div class="oc-action-row oc-action-row-bottom">
                        @if(!in_array($order->order_status, [4,5,6]))
                        <button type="button" class="oc-action-btn oc-btn-approve" id="approve-btn-{{ $order->id }}"
                            onclick="quickApprove({{ $order->id }}, {{ $order->order_status }}, this)"
                            @if($actionsLocked) disabled title="{{ ($claim['claim_state'] ?? '') === 'unclaimed' ? 'Assign this order to yourself first' : 'Assigned to ' . ($claim['claimed_by_name'] ?? 'another moderator') }}" @endif>
                            <i class="fas fa-check"></i> Approve
                        </button>
                        @endif
                        @can('customers.block')
                        @if(!$isBlocked)
                        <button type="button"
                                class="oc-action-btn oc-btn-block order-block-open"
                                data-customer-id="{{ $order->customer_id }}"
                                data-phone="{{ $order->customer_phone }}"
                                data-name="{{ $order->customer_name }}"
                                data-ip="{{ $order->ip_address }}"
                                title="Block this customer (reason required)">
                            <i class="fas fa-ban"></i> Block
                        </button>
                        @endif
                        @endcan
                        @if(!in_array($order->order_status, [5,6]))
                        <button type="button" class="oc-action-btn oc-btn-cancel" id="cancel-btn-{{ $order->id }}"
                            onclick="quickCancel({{ $order->id }}, this)"
                            @if($actionsLocked) disabled @endif>
                            <i class="fas fa-times"></i> Cancel
                        </button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if(($tab ?? '') === 'tracking')
        @include('backEnd.order.partials.tracking-update-panel', [
            'order' => $order,
            'manualCouriers' => $manualCouriers ?? collect(),
            'steadfastOn' => $steadfastOn ?? false,
            'pathaoOn' => $pathaoOn ?? false,
            'carrybeeOn' => $carrybeeOn ?? false,
        ])
    @endif
</div>