@extends('layouts.admin')
@section('title','Bookings')
@section('header-title','Bookings')
@section('content')
<section class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm"><form method="GET" class="flex flex-col gap-3 border-b border-slate-100 p-4 lg:flex-row lg:items-center"><label class="text-sm text-slate-500">Show <select name="per_page" onchange="this.form.submit()" class="rounded-lg border border-slate-200 p-2">@foreach([10,25,50,100] as $n)<option @selected((int)request('per_page',10)===$n)>{{ $n }}</option>@endforeach</select> entries</label><input name="search" value="{{ request('search') }}" data-live-search class="flex-1 rounded-xl border border-slate-200 px-4 py-2.5 text-sm" placeholder="Live search booking, party or route"><a href="{{ route('admin.bookings.create') }}" class="rounded-xl bg-blue-600 px-4 py-2.5 text-center text-sm font-bold text-white">+ New booking</a></form>
@if($bookings->isEmpty())<div class="grid min-h-80 place-items-center text-center"><div><p class="font-bold">No bookings found</p><p class="text-sm text-slate-500">Create a direct booking or convert a quotation.</p></div></div>@else<div class="overflow-x-auto"><table class="w-full min-w-[1100px] text-left text-sm"><thead class="bg-slate-50 text-xs uppercase text-slate-500"><tr><th class="px-6 py-4">S.No</th><th class="px-6 py-4">Booking</th><th class="px-6 py-4">Company / Customer</th><th class="px-6 py-4">Pickup</th><th class="px-6 py-4">Vehicle</th><th class="px-6 py-4">Driver</th><th class="px-6 py-4">Amount</th><th class="px-6 py-4">Status</th><th class="px-6 py-4">Actions</th></tr></thead><tbody class="divide-y divide-slate-100">@foreach($bookings as $booking)<tr><td class="px-6 py-4 text-slate-400">{{ $bookings->firstItem()+$loop->index }}</td><td class="px-6 py-4"><a href="{{ route('admin.bookings.show',$booking) }}" class="font-bold text-blue-600">{{ $booking->booking_number }}</a><p class="text-xs text-slate-500">{{ $booking->pickup_at->format('d M Y, h:i A') }}</p></td><td class="px-6 py-4 font-semibold">{{ $booking->company?->name ?? $booking->customer?->name }}</td><td class="px-6 py-4">{{ $booking->pickup_location }}<p class="text-xs text-slate-400">to {{ $booking->drop_location }}</p></td><td class="px-6 py-4">{{ $booking->vehicle?->registration_number ?? $booking->vehicle_type }}</td><td class="px-6 py-4">{{ $booking->driver_name ?: 'Not assigned' }}</td><td class="px-6 py-4 font-bold">₹{{ number_format((float)$booking->estimated_amount,2) }}</td><td class="px-6 py-4"><span class="rounded-full bg-blue-50 px-2.5 py-1 text-xs font-bold capitalize text-blue-700">{{ str($booking->status)->replace('_',' ') }}</span></td><td class="px-6 py-4"><div class="flex gap-2"><a href="{{ route('admin.bookings.show',$booking) }}" title="View booking" class="grid size-9 place-items-center rounded-lg bg-blue-50 text-blue-600 transition hover:bg-blue-100"><svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z"/><circle cx="12" cy="12" r="3"/></svg></a><a href="{{ route('admin.bookings.edit',$booking) }}" title="Edit booking" class="grid size-9 place-items-center rounded-lg bg-amber-50 text-amber-600 transition hover:bg-amber-100"><svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9M16.5 3.5a2.12 2.12 0 0 1 3 3L8 18l-4 1 1-4Z"/></svg></a><form method="POST" action="{{ route('admin.bookings.destroy',$booking) }}" onsubmit="return confirm('Delete booking?')">@csrf @method('DELETE')<button title="Delete booking" class="grid size-9 place-items-center rounded-lg bg-red-50 text-red-600 transition hover:bg-red-100"><svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M8 6V4h8v2M19 6l-1 15H6L5 6M10 11v6M14 11v6"/></svg></button></form></div></td></tr>@endforeach</tbody></table></div><div class="flex flex-col gap-3 border-t border-slate-100 p-4 sm:flex-row sm:items-center sm:justify-between"><p class="text-sm text-slate-500">Showing {{ $bookings->firstItem() }} to {{ $bookings->lastItem() }} of {{ $bookings->total() }}</p>@include('admin.partials.pagination',['paginator'=>$bookings])</div>@endif</section>
@endsection