@extends('customer.layouts.app')

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

@section('content')
    <h5 class="mb-3">My Orders</h5>

    <div class="menu-item-card p-0">
        <table class="table table-hover mb-0 align-middle">
            <thead>
                <tr>
                    <th>Order #</th>
                    <th>Restaurant</th>
                    <th>Status</th>
                    <th>Total</th>
                    <th>Placed</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($orders as $order)
                    <tr>
                        <td>{{ $order->order_number }}</td>
                        <td>{{ $order->restaurant->name ?? '-' }}</td>
                        <td>
                            <span class="badge bg-{{ match($order->status) {
                                'delivered' => 'success',
                                'cancelled', 'rejected' => 'danger',
                                'placed' => 'warning',
                                default => 'primary',
                            } }}">{{ ucfirst($order->status) }}</span>
                        </td>
                        <td>₹{{ number_format($order->total_amount, 2) }}</td>
                        <td>{{ $order->placed_at?->format('d M Y, h:i A') }}</td>
                        <td><a href="{{ route('customer.orders.show', $order) }}" class="btn btn-sm btn-outline-secondary">View</a></td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center text-muted py-4">You haven't placed any orders yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-3">{{ $orders->links() }}</div>
@endsection