@extends('layouts.admin')

@section('title', 'Orders')

@section('content')
    <form method="GET" class="d-flex gap-2 mb-3 flex-wrap">
        <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="Order number" style="width:180px;">
        <select name="status" class="form-select" style="width:160px;">
            <option value="">All statuses</option>
            @foreach (['placed','accepted','preparing','ready','picked','delivered','cancelled','rejected'] as $status)
                <option value="{{ $status }}" @selected(request('status') === $status)>{{ ucfirst($status) }}</option>
            @endforeach
        </select>
        <select name="city_id" class="form-select" style="width:160px;">
            <option value="">All cities</option>
            @foreach ($cities as $city)
                <option value="{{ $city->id }}" @selected(request('city_id') == $city->id)>{{ $city->name }}</option>
            @endforeach
        </select>
        <input type="date" name="date_from" value="{{ request('date_from') }}" class="form-control" style="width:160px;">
        <input type="date" name="date_to" value="{{ request('date_to') }}" class="form-control" style="width:160px;">
        <button class="btn btn-outline-secondary" type="submit">Filter</button>
    </form>

    <div class="stat-card p-0">
        <table class="table table-hover mb-0 align-middle">
            <thead>
                <tr>
                    <th>Order #</th>
                    <th>Customer</th>
                    <th>Restaurant</th>
                    <th>Rider</th>
                    <th>Status</th>
                    <th>Payment</th>
                    <th class="text-end">Total</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($orders as $order)
                    <tr>
                        <td>{{ $order->order_number }}</td>
                        <td>{{ $order->customer->name ?? '-' }}</td>
                        <td>{{ $order->restaurant->name ?? '-' }}</td>
                        <td>{{ $order->rider->name ?? '-' }}</td>
                        <td><span class="badge bg-secondary">{{ ucfirst($order->status) }}</span></td>
                        <td>{{ ucfirst($order->payment_status) }} ({{ strtoupper($order->payment_method) }})</td>
                        <td class="text-end">₹{{ number_format($order->total_amount, 2) }}</td>
                        <td><a href="{{ route('admin.orders.show', $order) }}" class="btn btn-sm btn-outline-secondary">View</a></td>
                    </tr>
                @empty
                    <tr><td colspan="8" class="text-center text-muted py-4">No orders found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

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