@php
  $loopItems = isset($received_order) ? $received_order : ($items ?? collect());
@endphp

<div class="table-responsive" id="orderTableWrap">
    <table class="table order-table table-sm" style="font-size: 11px;">
        <thead class="bg-light">
            <tr>
                <th style="width:30px" class="px-1"><input type="checkbox" class="form-check-input check_all"></th>
                <th style="width:40px" class="px-1 text-center">Sl</th>
                <th class="px-1">Action</th>
                <th class="px-1">Invoice / Order</th>
                <th class="px-1">Customer Info</th>
                <th class="px-1">Products & Variant</th>
                <th class="px-1">Status</th>
                <th class="px-1">Fraud Check</th>
                <th class="px-1">Payment</th>
                <th class="px-1">Courier Info</th>
                <th class="px-1">Assigned</th>
                <th class="px-1">Amount</th>
            </tr>
        </thead>
        <tbody>
            @forelse($loopItems as $key => $item)
            <tr class="order-row align-middle" data-id="{{ $item->id }}">
                <td class="px-1">
                    <input type="checkbox" class="order_checkbox form-check-input" value="{{ $item->id}}">
                </td>
                
                <td class="px-1 text-center fw-bold text-muted">
                    {{ method_exists($loopItems, 'firstItem') ? ($loopItems->firstItem() + $key) : $loop->iteration }}
                </td>
                
                <td class="px-1">
                    <div class="d-flex gap-1">
                        <a href="{{ route('admin.orders.edit',[$item->id])}}" target="_blank" class="btn btn-sm btn-outline-primary p-1 lh-1 action-icon" title="Edit"><i class="mdi mdi-pencil-outline" style="font-size: 12px;"></i></a>
                        <a href="javascript:void(0);" data-id="{{ $item->id }}" class="btn btn-sm btn-outline-info p-1 lh-1 action-icon view-activity-log" title="Activity Log"><i class="mdi mdi-history" style="font-size: 12px;"></i></a>
                        @can('order.delete')
                            <a href="{{ route('admin.orders.destroy',[$item->id])}}" class="btn btn-sm btn-outline-danger p-1 lh-1 delete-order-btn action-icon" title="Delete"><i class="mdi mdi-trash-can-outline" style="font-size: 12px;"></i></a>
                        @endcan
                    </div>
                </td>

                <td class="px-1">
                    <div class="cell-stack lh-sm">
                        <span class="fw-bold text-primary">#{{ $item->invoice_no }}</span>
                        <span class="text-muted" style="font-size: 10px;">ID: {{ $item->id }}</span>
                        <span class="text-muted" style="font-size: 9px;">{{ $item->created_at->format('d M y, h:i A') }}</span>
                    </div>
                </td>

                <td class="px-1">
                    <div class="cell-stack lh-sm" style="max-width: 150px;">
                        <span class="fw-bold">{{ trim($item->first_name.' '.$item->last_name) }}</span>
                        <a class="text-primary text-decoration-none fw-bold" style="font-size: 10px;" href="tel:{{ preg_replace('/\D/','',$item->mobile) }}"><i class="mdi mdi-phone"></i> {{ $item->mobile }}</a>
                        
                        @php
                            $mobileCount = \App\Models\Order::where('mobile', $item->mobile)->count();
                            $historyClass = $mobileCount > 1 ? 'bg-warning text-dark' : 'bg-success text-white';
                        @endphp
                        <button type="button" class="badge {{ $historyClass }} border-0 view-history-btn mt-1 w-100 p-1 text-uppercase" data-mobile="{{ $item->mobile }}" style="font-size: 8px;">
                            <i class="mdi mdi-history"></i> His ({{ $mobileCount }})
                        </button>
                    </div>
                </td>

                <td class="px-1">
                    <div class="cell-stack" style="max-width: 180px;">
                        @foreach($item->details as $detail)
                            <span class="badge bg-light text-dark border text-wrap text-start lh-1 mb-1 p-1" style="font-size: 9px;">
                                {{ $detail->product->name ?? 'Unavailable' }}
                                <div class="text-muted mt-1" style="font-size: 8px;">
                                    <b>SKU:</b> {{ $detail->product['sku'] ?? 'N/A' }} | 
                                    <b>Var:</b> {{ $detail->variant_name ?? ($detail->variation->display_title ?? 'N/A') }}
                                </div>
                            </span>
                        @endforeach
                    </div>
                </td>

                <td class="px-1">
                    <a class="btn_modal text-decoration-none" href="{{ route('admin.orderStatus', $item->id)}}">
                        @php
                            $sColor = 'bg-secondary'; $s = strtolower($item->status);
                            if($s == 'pending') $sColor = 'bg-warning text-dark';
                            elseif($s == 'confirmed') $sColor = 'bg-primary text-white';
                            elseif($s == 'processing') $sColor = 'bg-info text-white';
                            elseif(in_array($s, ['shipped','courier'])) $sColor = 'bg-dark text-white';
                            elseif(in_array($s, ['delivered','complete'])) $sColor = 'bg-success text-white';
                            elseif(in_array($s, ['returning','return received','cancelled','cancell','return'])) $sColor = 'bg-danger text-white';
                            elseif($s == 'return missing') $sColor = 'bg-warning text-dark fw-bold border border-warning';
                        @endphp
                        <span class="badge {{ $sColor }} w-100 p-1" style="font-size: 9px;">{{ ucfirst($item->status) }}</span>
                    </a>
                </td>

                <td class="px-1">
                    @php $percent = $item->getCourierPercent(); @endphp
                    @php $color = $percent>50 ? '#10b981' : ($percent>20?'#f59e0b':'#ef4444'); @endphp
                    <div class="d-flex align-items-center gap-1">
                        <span style="color:{{$color}}; font-weight:800; font-size: 10px;">{{$percent}}%</span>
                        <a href="javascript:void(0);" data-url="{{route('admin.fraudOrderCheck',$item->id)}}" class="btn-fraud text-muted"><i class="mdi mdi-magnify" style="font-size: 14px;"></i></a>
                    </div>
                </td>

                <td class="px-1">
                    <a class="btn_modal text-decoration-none" href="{{ route('admin.order_payments.edit', $item->id)}}">
                        <span class="badge {{ strtolower($item->payment_status) == 'paid' ? 'bg-success' : 'bg-danger' }} w-100 p-1" style="font-size: 9px;">{{ $item->payment_status ?? 'Due' }}</span>
                        @if($item->transaction_id)
                            <div class="text-muted mt-1 lh-1" style="font-size:8px;"><i class="mdi mdi-credit-card-check-outline"></i> {{ $item->transaction_id }}</div>
                        @endif
                    </a>
                </td>

                <td class="px-1">
                    <div class="cell-stack lh-sm">
                        <span class="fw-bold" style="font-size: 10px;">{{ $item->courier ? $item->courier->name : '—' }}</span>
                        <span class="text-muted" style="font-size:9px;">{{$item->courier_tracking_id ?? ''}}</span>
                        <span class="text-info fw-bold" style="font-size:8px;">{{ $item->courier_status ?? '' }}</span>
                    </div>
                </td>

                <td class="px-1 text-center">
                    <span class="badge bg-light text-dark border p-1" style="font-size: 9px;">{{ $item->assign ? $item->assign->username : 'Admin' }}</span>
                </td>

                <td class="px-1">
                    <span class="fw-bold text-dark" style="font-size: 11px;">৳{{ (int) $item->final_amount }}</span>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="12" class="text-center py-4 text-muted" style="font-size: 12px;">
                    <i class="mdi mdi-package-variant-closed fs-3 d-block mb-1"></i>
                    No orders found!
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>

@if(method_exists($loopItems,'links'))
  <div class="mt-2 ajax-pagination d-flex justify-content-end" style="font-size: 11px;">
    {!! urldecode(str_replace("/?","?",$loopItems->appends(Request::all())->render())) !!}
  </div>
@endif