@if(empty($orders))

<div class="text-center py-5">
    <div style="font-size:80px;">📦</div>
    <h5 class="mt-3">No Orders Found</h5>
    <p class="text-muted">You don’t have any {{ $status }} orders yet</p>

    <a href="{{ url('/') }}" class="btn btn-primary mt-3">
        Start Shopping
    </a>
</div>

@else

@foreach($orders as $order)

<div class="card mb-3 shadow-sm">
    <div class="card-body">

        <div class="row align-items-center">

            <div class="col-md-2 col-3">
                <img src="{{ $order['image'] }}"
                     class="img-fluid rounded"
                     style="max-height:80px;">
            </div>

            <div class="col-md-6 col-9">
                <h6 class="mb-1 text-truncate" title="{{ $order['title'] }}">
                    {{ $order['title'] }}
                </h6>

                <small class="text-muted">Qty: {{ $order['qty'] }}</small><br>
                <small class="text-muted">Order ID: {{ $order['order_number'] }}</small><br>
                <small class="text-muted">{{ $order['created_at'] }}</small>
            </div>

            <div class="col-md-4 text-md-end mt-2 mt-md-0">

                <h6>₹{{ number_format($order['amount'],2) }}</h6>

                @php
                    $badge = [
                        'placed' => 'primary',
                        'completed' => 'success',
                         'delivered' => 'success',
                        'cancelled' => 'danger',
                        'returned' => 'warning'
                    ];
                @endphp

                <span class="badge bg-{{ $badge[$order['status']] ?? 'secondary' }}">
                    {{ ucfirst($order['status']) }}
                </span>

                <br>

                <a href="{{ url('/order-details/'.$order['order_id']) }}"
                   class="btn btn-sm btn-outline-primary mt-2">
                    View Details
                </a>

            </div>

        </div>

    </div>
</div>

@endforeach

@endif