@extends('layouts.app')
@section('title', 'Retrieve Orders')

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between flex-wrap gap-3">
        <div>
            <h1 class="text-xl font-bold">Retrieve Orders</h1>
            <p class="text-sm text-ink-muted">Find any restaurant order to collect payment, print a bill, or reprint a receipt.</p>
        </div>
        <a href="{{ route('restaurant.tables.index') }}" class="btn-primary btn-sm"><i data-lucide="plus" class="w-3.5 h-3.5"></i> New order</a>
    </div>

    <div class="flex flex-wrap items-center gap-2">
        @foreach (['active' => 'Open & billed', 'billed' => 'Awaiting payment', 'closed' => 'Closed (last 7 days)', 'void' => 'Voided'] as $key => $label)
            <a href="{{ route('restaurant.orders.index', ['status' => $key]) }}" class="px-3 py-1.5 rounded-full text-xs font-semibold {{ $status === $key ? 'bg-primary-500 text-white' : 'bg-ink/5 text-ink-muted hover:bg-ink/10' }}">{{ $label }}</a>
        @endforeach
        <form method="GET" class="ml-auto flex gap-2">
            <input type="hidden" name="status" value="{{ $status }}">
            <input type="text" name="search" value="{{ request('search') }}" placeholder="Search order #…" class="input !py-1.5 !text-xs w-48">
            <button class="btn-secondary btn-sm">Search</button>
        </form>
    </div>

    <div class="card overflow-x-auto">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Order #</th><th>Table</th><th>Waiter</th><th>Type</th><th>Status</th><th class="text-right">Total</th><th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($orders as $order)
                    <tr>
                        <td class="font-medium">{{ $order->order_number }}</td>
                        <td>{{ $order->table->name ?? '—' }}</td>
                        <td>{{ $order->waiter->name ?? '—' }}</td>
                        <td>{{ $order->sale_type->label() }}</td>
                        <td><x-badge :color="$order->status->badgeColor()">{{ $order->status->label() }}</x-badge></td>
                        <td class="text-right font-semibold">{{ number_format($order->grand_total ?: $order->subtotal, 2) }}</td>
                        <td class="text-right">
                            <div class="flex justify-end gap-1.5">
                                <a href="{{ route('restaurant.pos.show', $order) }}" class="btn-ghost btn-sm">Open</a>
                                @if ($order->status->value !== 'void')
                                    <a href="{{ route('restaurant.pos.print.receipt', $order) }}" target="_blank" class="btn-ghost btn-sm">{{ $order->isFullyPaid() ? 'Receipt' : 'Bill' }}</a>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-ink-muted py-8">No orders match this filter.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{ $orders->links() }}
</div>
@endsection