@extends('layouts.app')
@section('title', 'Online reservations')
@section('heading', 'Online reservations')
@section('content')
<form method="GET" class="flex gap-3" role="search"><label for="status" class="sr-only">Status</label><select id="status" name="status" class="field max-w-xs"><option value="">All</option>@foreach (['needs_refund' => 'Needs refund', 'expired' => 'Ended', 'paid' => 'Paid, car held', 'applied' => 'Counted on a deal', 'pending_payment' => 'Waiting for payment', 'refunded' => 'Refunded', 'failed' => 'Failed', 'cancelled' => 'Cancelled'] as $k => $l)<option value="{{ $k }}" @selected($status === $k)>{{ $l }}</option>@endforeach</select><button class="btn-primary">Filter</button></form>
<div class="mt-4 overflow-x-auto rounded-lg border border-line bg-panel"><table class="min-w-full text-left text-sm"><caption class="sr-only">Reservations</caption>
<thead class="border-b border-line bg-ground text-xs text-muted"><tr><th scope="col" class="px-3 py-2 font-medium">When</th><th scope="col" class="px-3 py-2 font-medium">Customer</th><th scope="col" class="px-3 py-2 font-medium">Car</th><th scope="col" class="px-3 py-2 text-right font-medium">Deposit</th><th scope="col" class="px-3 py-2 font-medium">Status</th></tr></thead><tbody class="divide-y divide-line">
@forelse ($reservations as $r)<tr class="align-top {{ in_array($r->status, ['needs_refund', 'expired']) ? 'bg-amber-50' : '' }}"><td class="px-3 py-2">{{ $r->created_at->format('d M, H:i') }}</td><td class="px-3 py-2">{{ $r->name }}<span class="block text-xs text-muted">{{ $r->phone }}</span></td><td class="px-3 py-2">{{ $r->vehicle->display_name }}<span class="block text-xs text-muted">{{ $r->vehicle->stock_id }}</span></td><td class="px-3 py-2 text-right">{{ number_format($r->amount) }}<span class="block text-xs text-muted">{{ $r->mpesa_receipt }}</span></td>
<td class="px-3 py-2">{{ ucfirst(str_replace('_', ' ', $r->status)) }}@if ($r->hold_until && $r->status === 'paid')<span class="block text-xs">held until {{ $r->hold_until->format('d M H:i') }}</span>@endif @if ($r->review_note)<span class="block text-xs text-stop">{{ $r->review_note }}</span>@endif @if ($r->deal)<a class="block text-xs underline" href="{{ route('deals.show', $r->deal) }}">{{ $r->deal->deal_no }}</a>@endif
@if (in_array($r->status, ['paid', 'expired', 'needs_refund']))<form method="POST" action="{{ route('reservations.refund', $r) }}" class="mt-1 flex gap-1">@csrf<label class="sr-only" for="rf{{ $r->id }}">Refund reference</label><input id="rf{{ $r->id }}" name="reference" required maxlength="60" placeholder="Refund reference" class="field text-xs"><button class="btn-quiet px-2 py-1 text-xs">Mark refunded</button></form>@endif</td></tr>@empty<tr><td colspan="5" class="px-3 py-8 text-center text-muted">None yet.</td></tr>@endforelse</tbody></table></div>
<div class="mt-3">{{ $reservations->links() }}</div>
@endsection