@extends('frontend.layouts.app')

@section('title', 'My Orders - ShopNow')

@section('content')
<div class="container py-5">
    <h2 class="fw-bold mb-4"><i class="bi bi-bag-check me-2"></i>My Orders</h2>

    @if($orders && $orders->count() > 0)
    <div class="row g-3">
        @foreach($orders as $order)
        <div class="col-12">
            <div class="card border-0 shadow-sm p-4" style="border-radius:14px;">
                <div class="row align-items-center">
                    <div class="col-md-3">
                        <p class="mb-0 text-muted small">Order #</p>
                        <strong>{{ $order->order_number }}</strong>
                    </div>
                    <div class="col-md-3">
                        <p class="mb-0 text-muted small">Date</p>
                        <strong>{{ $order->created_at->format('M d, Y') }}</strong>
                    </div>
                    <div class="col-md-2">
                        <p class="mb-0 text-muted small">Total</p>
                        <strong class="text-primary">Rs. {{ number_format($order->grand_total ?? 0, 2) }}</strong>
                    </div>
                    <div class="col-md-2">
                        @php
                            $statusName = strtolower($order->status ?? 'pending');
                            $badgeClass = 'bg-warning text-dark';
                            if (str_contains($statusName, 'deliver')) $badgeClass = 'bg-success';
                            if (str_contains($statusName, 'cancel')) $badgeClass = 'bg-danger';
                            if (str_contains($statusName, 'return')) $badgeClass = 'bg-dark';
                            if (str_contains($statusName, 'ship')) $badgeClass = 'bg-info';
                            if (str_contains($statusName, 'confirm')) $badgeClass = 'bg-primary';
                        @endphp
                        <span class="badge {{ $badgeClass }} text-capitalize">
                            {{ $order->status ?? 'Pending' }}
                        </span>
                    </div>
                    <div class="col-md-2 text-end">
                        <a href="{{ route('orders.show', $order->id) }}" class="btn btn-outline-primary btn-sm">View Details</a>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
    </div>
    <div class="mt-4">{{ $orders->links() }}</div>
    @else
    <div class="text-center py-5">
        <i class="bi bi-bag-x fs-1 text-muted"></i>
        <h4 class="mt-3 text-muted">No orders yet</h4>
        <a href="{{ route('products.index') }}" class="btn btn-primary mt-3 px-5">Start Shopping</a>
    </div>
    @endif
</div>
@endsection