@extends('layouts.portal')
@section('title', 'My Orders')
@section('content')
<div class="space-y-4">
    <h1 class="text-lg font-semibold text-slate-800">My Orders</h1>
    <div class="rounded-xl border border-slate-200 bg-white shadow-sm overflow-hidden">
        <table class="min-w-full divide-y divide-slate-200">
            <thead class="bg-slate-50">
                <tr>
                    <th class="px-4 py-3 text-left text-xs font-medium text-slate-600">Order #</th>
                    <th class="px-4 py-3 text-left text-xs font-medium text-slate-600">Date</th>
                    <th class="px-4 py-3 text-left text-xs font-medium text-slate-600">Status</th>
                    <th class="px-4 py-3 text-right text-xs font-medium text-slate-600">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-200">
                @forelse($orders as $o)
                <tr>
                    <td class="px-4 py-3 text-sm font-mono">{{ $o->order_number }}</td>
                    <td class="px-4 py-3 text-sm">{{ $o->order_date->format('d M Y') }}</td>
                    <td class="px-4 py-3 text-sm"><span class="rounded-full bg-slate-100 px-2 py-0.5 text-xs">{{ $statusService->getStatusLabel($o->status) }}</span></td>
                    <td class="px-4 py-3 text-right text-sm"><a href="{{ route('portal.orders.show', $o) }}" class="text-slate-600">View</a></td>
                </tr>
                @empty
                <tr><td colspan="4" class="px-4 py-8 text-center text-slate-500">No orders.</td></tr>
                @endforelse
            </tbody>
        </table>
        @if($orders->hasPages())<div class="border-t px-4 py-3">{{ $orders->links() }}</div>@endif
    </div>
</div>
@endsection