@extends('admin.layout')

@section('content')
    <div class="text-2xl font-semibold">Orders</div>

    <div class="mt-6 bg-white border border-gray-200 rounded-xl overflow-hidden">
        <table class="min-w-full text-sm">
            <thead class="bg-gray-50 text-gray-600">
                <tr>
                    <th class="text-left px-4 py-3">Order</th>
                    <th class="text-left px-4 py-3">Schedule</th>
                    <th class="text-left px-4 py-3">Total</th>
                    <th class="text-left px-4 py-3">Status</th>
                    <th class="text-right px-4 py-3">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-200">
                @foreach ($orders as $order)
                    <tr>
                        <td class="px-4 py-3 font-semibold">{{ $order->order_number }}</td>
                        <td class="px-4 py-3 text-gray-600">
                            {{ $order->scheduled_date->format('d M Y') }}
                            <span class="mx-1">•</span>
                            {{ $order->timeSlot?->label }}
                        </td>
                        <td class="px-4 py-3">৳{{ number_format((float) $order->total, 2) }}</td>
                        <td class="px-4 py-3">{{ ucfirst($order->status) }}</td>
                        <td class="px-4 py-3">
                            <div class="flex items-center justify-end gap-3">
                                <a href="{{ route('admin.orders.show', $order) }}" class="text-gray-900 font-semibold hover:underline">View</a>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

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