@extends('layouts.admin')

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

@section('content')
<div class="kt-card">
    <div class="kt-card-header flex-wrap gap-3">
        <h3 class="kt-card-title">Orders</h3>
        <form method="GET" class="mw-admin-filters">
            <input class="kt-input" type="search" name="q" value="{{ request('q') }}" placeholder="Search order / customer">
            <select class="kt-select" name="status">
                <option value="">All statuses</option>
                @foreach(['pending','processing','shipped','delivered','cancelled'] as $status)
                    <option value="{{ $status }}" @selected(request('status')===$status)>{{ ucfirst($status) }}</option>
                @endforeach
            </select>
            <button class="kt-btn kt-btn-outline shrink-0" type="submit">Filter</button>
        </form>
    </div>
    <div class="kt-card-content p-0">
        <table class="kt-table table-auto">
            <thead>
                <tr>
                    <th>Order</th>
                    <th>Customer</th>
                    <th>Status</th>
                    <th>Total</th>
                    <th>Date</th>
                </tr>
            </thead>
            <tbody>
                @forelse($orders as $order)
                    <tr>
                        <td><a class="text-primary font-medium" href="{{ route('admin.orders.show', $order) }}">{{ $order->order_number }}</a></td>
                        <td>
                            <div>{{ $order->customer_name }}</div>
                            <div class="text-xs text-secondary-foreground">{{ $order->customer_phone }}</div>
                        </td>
                        <td><span class="kt-badge kt-badge-outline kt-badge-sm">{{ ucfirst($order->status) }}</span></td>
                        <td>₹{{ number_format($order->total, 0) }}</td>
                        <td>{{ $order->created_at->format('d M Y, h:i A') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center py-8 text-secondary-foreground">No orders found</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="kt-card-footer">{{ $orders->links('pagination::simple-default') }}</div>
</div>
@endsection