@forelse($orders ?? [] as $order)
    <a href="{{ route('Site.MyOrderDetails',$order) }}">
        <div class="info_card d-lg-flex justify-content-between align-items-start mb-4">
            <figcaption>
                <h5 class="mb-2"> {{ __('Order no') }}#<span>{{ $order->id }}</span></h5>
                <h5 class="mb-2"> {{ $order->orderProducts()->count() ?? 0 }} {{ __('product') }}</h5>
                <h5 class="mb-2">
                    {{ __('Order placed on :date', ['date' => $order->created_at->format('d-m-Y')]) }}
                </h5>
                <h5> {{ __('Total') }}: {{ $order->total }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></h5>
            </figcaption>
            <div class="d-flex justify-content-end mt-3 mt-lg-0">
                @php
                    $progress = $order->shipping_progress;
                    if ($progress < 33) {
                        $statusText = __('Pending');
                        $statusClass = 'orange';
                    } elseif ($progress < 66) {
                        $statusText = __('Ready for Shipping');
                        $statusClass = 'orange';
                    } elseif ($progress < 100) {
                        $statusText = __('Shipping in Progress');
                        $statusClass = 'orange';
                    } else {
                        $statusText = __('Shipped');
                        $statusClass = 'green';
                    }
                @endphp
                <p class="order_status {{ $statusClass }}">
                    {{ $statusText }} ( {{ $progress }}% )
                </p>
            </div>
        </div>
    </a>
@empty
    <div class="no_results fit_height_center justify-content-center">
        <i class="fas fa-shopping-basket bounce_icon"></i>
        <h2 class="text-center w-100 pt-3"> {{ __('There are no orders to display.') }}</h2>
    </div>
@endforelse