@extends('layouts.admin')
@section('page-title', 'Orders')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="fw-bold mb-0">Orders</h4>
    <form class="d-flex">
        <select name="status" class="form-select" onchange="this.form.submit()">
            <option value="">All statuses</option>
            @foreach (['PENDING','CONFIRMED','PROCESSING','PACKED','SHIPPED','DELIVERED','CANCELLED','REJECTED'] as $s)
                <option value="{{ $s }}" @selected(request('status') === $s)>{{ $s }}</option>
            @endforeach
        </select>
    </form>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="table mb-0">
            <thead><tr><th>Order #</th><th>Customer</th><th>Date</th><th>Items</th><th>Amount</th><th>Payment</th><th>Status</th><th></th></tr></thead>
            <tbody>
                @forelse ($orders as $o)
                <tr>
                    <td class="fw-medium">{{ $o->order_number }}</td>
                    <td>{{ $o->user->company_name }}</td>
                    <td>{{ $o->created_at->format('d M Y') }}</td>
                    <td>{{ $o->items->sum('quantity') }}</td>
                    <td>₹{{ number_format($o->total_amount, 2) }}</td>
                    <td><x-status-badge :status="$o->payment_status" /></td>
                    <td><x-status-badge :status="$o->status" /></td>
                    <td><a href="{{ route('admin.orders.show', $o) }}">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>
<div class="mt-3">{{ $orders->links() }}</div>
@endsection