@extends('layouts.admin')
@section('title',$booking->booking_number)
@section('header-back')<a href="{{ route('admin.bookings.index') }}" class="rounded-xl border border-slate-200 bg-white px-3.5 py-2 text-sm font-semibold">← Back</a>@endsection
@section('header-title',$booking->booking_number)
@section('content')
<div class="space-y-6"><section class="rounded-2xl bg-gradient-to-r from-blue-700 to-cyan-600 p-7 text-white shadow-lg"><div class="flex flex-col justify-between gap-5 sm:flex-row"><div><p class="text-blue-100">{{ $booking->company?->name ?? $booking->customer?->name }}</p><h2 class="mt-2 text-2xl font-bold">{{ $booking->pickup_location }} → {{ $booking->drop_location }}</h2><p class="mt-2 text-sm text-blue-100">{{ $booking->pickup_at->format('d M Y, h:i A') }}</p></div><div class="text-left sm:text-right"><span class="rounded-full bg-white/15 px-3 py-1 text-xs font-bold capitalize">{{ str($booking->status)->replace('_',' ') }}</span><p class="mt-4 text-3xl font-bold">₹{{ number_format((float)$booking->estimated_amount,2) }}</p></div></div></section>
<div class="grid gap-6 lg:grid-cols-3">@foreach([['Trip details',[['Type',str($booking->trip_type)->replace('_',' ')->title()],['Passengers',$booking->passenger_count],['Return',$booking->return_at?->format('d M Y, h:i A') ?: 'Not set']]],['Vehicle',[['Required type',$booking->vehicle_type],['Assigned',$booking->vehicle?->registration_number ?: 'Not assigned'],['Vehicle name',$booking->vehicle?->name ?: '—']]],['Driver and pricing',[['Driver',$booking->driver_name ?: 'Not added'],['Mobile',$booking->driver_mobile ?: '—'],['Pricing',str($booking->pricing_method)->replace('_',' ')->title()]]]] as [$title,$items])<section class="rounded-2xl border border-slate-200 bg-white p-6 shadow-sm"><h3 class="font-bold text-slate-900">{{ $title }}</h3><dl class="mt-5 space-y-4">@foreach($items as [$l,$v])<div><dt class="text-xs uppercase text-slate-400">{{ $l }}</dt><dd class="mt-1 font-semibold text-slate-800">{{ $v }}</dd></div>@endforeach</dl></section>@endforeach</div>
<div class="flex justify-end"><a href="{{ route('admin.bookings.edit',$booking) }}" class="rounded-xl bg-blue-600 px-5 py-3 text-sm font-bold text-white">Update booking</a></div></div>
@endsection