@extends('layouts.admin', ['heading' => 'Orders', 'subheading' => 'Approve, cancel, and track orders'])

@section('content')
    <form method="GET" class="mb-4 flex flex-wrap gap-2">
        <input name="q" value="{{ $search }}" placeholder="Search order / member / mobile" class="w-full rounded border p-2 md:max-w-sm" />
        <select name="status" class="rounded border p-2">
            <option value="">All Status</option>
            @foreach(['pending_payment','paid','approved','dispatched','delivered','cancelled','refunded'] as $option)
                <option value="{{ $option }}" @selected($status === $option)>{{ ucfirst(str_replace('_',' ', $option)) }}</option>
            @endforeach
        </select>
        <button class="rounded bg-slate-900 px-4 py-2 text-white">Filter</button>
        <a href="{{ request()->fullUrlWithQuery(['export' => 'excel']) }}" class="rounded bg-emerald-600 px-4 py-2 text-sm text-white">Export Excel</a>
        <a href="{{ request()->fullUrlWithQuery(['export' => 'pdf']) }}" class="rounded bg-slate-700 px-4 py-2 text-sm text-white">Export PDF</a>
    </form>

    <div class="admin-card p-5">
        <div class="overflow-x-auto">
            <table class="min-w-full text-sm">
                <thead class="bg-slate-100 text-left">
                    <tr>
                        <th class="p-3">Order</th>
                        <th class="p-3">Member</th>
                        <th class="p-3">Amount</th>
                        <th class="p-3">BV</th>
                        <th class="p-3">Status</th>
                        <th class="p-3">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($orders as $order)
                        <tr class="border-t">
                            <td class="p-3">
                                <div class="font-semibold">{{ $order->order_number }}</div>
                                <div class="text-xs text-slate-500">{{ optional($order->created_at)->format('Y-m-d H:i') }}</div>
                            </td>
                            <td class="p-3">
                                <div class="font-semibold">{{ $order->user?->member_code ?? 'N/A' }}</div>
                                <div class="text-xs text-slate-500">{{ $order->user?->name ?? '' }}</div>
                            </td>
                            <td class="p-3">{{ number_format((float) $order->total, 2) }}</td>
                            <td class="p-3">{{ number_format((float) $order->total_bv, 2) }}</td>
                            <td class="p-3">
                                <span class="admin-badge {{ in_array($order->status, ['approved','delivered']) ? 'success' : (in_array($order->status, ['cancelled','refunded']) ? 'danger' : 'warning') }}">
                                    {{ ucfirst(str_replace('_',' ', $order->status)) }}
                                </span>
                            </td>
                            <td class="p-3">
                                <div class="flex flex-wrap gap-2">
                                    <form method="POST" action="{{ route('admin.orders.approve', $order) }}">
                                        @csrf
                                        <button class="rounded bg-emerald-600 px-2 py-1 text-xs text-white" data-confirm="Approve this order?">Approve</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.orders.cancel', $order) }}">
                                        @csrf
                                        <button class="rounded bg-amber-600 px-2 py-1 text-xs text-white" data-confirm="Cancel this order?">Cancel</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.orders.refund', $order) }}">
                                        @csrf
                                        <button class="rounded bg-rose-600 px-2 py-1 text-xs text-white" data-confirm="Refund this order?">Refund</button>
                                    </form>
                                    <a href="{{ route('admin.orders.invoice', $order) }}" class="rounded bg-slate-900 px-2 py-1 text-xs text-white">Invoice</a>
                                </div>
                                <form method="POST" action="{{ route('admin.orders.status', $order) }}" class="mt-2 flex gap-2">
                                    @csrf
                                    <select name="status" class="rounded border p-1 text-xs">
                                        @foreach(['dispatched','delivered'] as $option)
                                            <option value="{{ $option }}">{{ ucfirst($option) }}</option>
                                        @endforeach
                                    </select>
                                    <input name="notes" placeholder="Notes" class="rounded border p-1 text-xs">
                                    <button class="rounded bg-slate-700 px-2 py-1 text-xs text-white">Update</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="p-4 text-center text-slate-500">No orders found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

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