@extends('layouts.user')
@section('page-title', 'My Orders')

@section('content')
<h4 class="fw-bold mb-3">My Orders</h4>
<div class="card">
    <div class="table-responsive">
        <table class="table mb-0">
            <thead><tr><th>Order ID</th><th>Date</th><th>Items</th><th>Amount</th><th>Status</th><th></th></tr></thead>
            <tbody>
                @forelse ($orders as $o)
                <tr>
                    <td class="fw-medium">{{ $o->order_number }}</td>
                    <td>{{ $o->created_at->format('d M Y') }}</td>
                    <td>{{ $o->items->sum('quantity') }}</td>
                    <td>₹{{ number_format($o->total_amount,2) }}</td>
                    <td><x-status-badge :status="$o->status" /></td>
                    <td><a href="{{ route('user.orders.show', $o) }}">View</a></td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center text-muted py-4">No orders yet — place your first order from the products catalog.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-3">{{ $orders->links() }}</div>
@endsection