@extends('layouts.admin')
@section('title', 'Orders')
@section('content')
<h1 class="text-2xl font-bold mb-6">Orders</h1>
<form method="GET" class="flex gap-2 mb-4">
    <input name="search" value="{{ request('search') }}" placeholder="Search order # or phone" class="border rounded-lg px-3 py-2 text-sm">
    <select name="status" class="border rounded-lg px-3 py-2 text-sm">
        <option value="">All statuses</option>
        @foreach(['pending','processing','shipped','delivered','canceled'] as $st)
            <option value="{{ $st }}" {{ request('status') === $st ? 'selected' : '' }}>{{ ucfirst($st) }}</option>
        @endforeach
    </select>
    <button class="border rounded-lg px-4 text-sm">Filter</button>
</form>
<div class="bg-white rounded-xl shadow-sm overflow-x-auto">
    <table class="w-full text-sm">
        <thead><tr class="text-left text-gray-500 border-b bg-gray-50"><th class="p-3">Order #</th><th>Customer</th><th>Phone</th><th>Total</th><th>Courier</th><th>Status</th><th></th></tr></thead>
        <tbody>
        @foreach($orders as $order)
        <tr class="border-b">
            <td class="p-3">{{ $order->order_number }}</td>
            <td>{{ $order->customer_name }}</td>
            <td>{{ $order->customer_phone }}</td>
            <td>৳{{ number_format($order->total, 2) }}</td>
            <td>{{ $order->courier ? ucfirst($order->courier).' #'.$order->courier_consignment_id : '—' }}</td>
            <td><span class="text-xs px-2 py-1 rounded-full bg-gray-100">{{ $order->status }}</span></td>
            <td class="p-2"><a href="{{ route('admin.orders.show', $order) }}" class="text-brand">View</a></td>
        </tr>
        @endforeach
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $orders->links() }}</div>
@endsection