@extends('layouts.admin')
@section('title',$trip->booking->booking_number)
@section('header-title','Trip Details')
@section('content')
<div class="grid gap-6 xl:grid-cols-3">
<section class="rounded-2xl bg-gradient-to-br from-blue-700 to-indigo-900 p-7 text-white xl:col-span-3"><div class="flex flex-wrap items-center justify-between gap-4"><div><p class="text-sm text-blue-200">Trip for booking</p><h2 class="mt-1 text-2xl font-bold">{{ $trip->booking->booking_number }}</h2><p class="mt-2 text-blue-100">{{ $trip->booking->pickup_location }} → {{ $trip->booking->drop_location }}</p></div><div class="text-right"><p class="text-sm text-blue-200">Final payable</p><p class="text-3xl font-black">₹{{ number_format((float)$trip->final_amount,2) }}</p></div></div></section>
@foreach([['Party',$trip->booking->company?->name ?? $trip->booking->customer?->name],['Vehicle',$trip->booking->vehicle?->registration_number ?? 'Not assigned'],['Status',str($trip->status)->replace('_',' ')->title()],['Start',$trip->started_at?->format('d M Y, h:i A') ?? 'Not started'],['End',$trip->ended_at?->format('d M Y, h:i A') ?? 'Not completed'],['Distance',number_format($trip->total_km).' km']] as [$label,$value])<div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm"><p class="text-xs font-bold uppercase tracking-wider text-slate-400">{{ $label }}</p><p class="mt-2 font-bold text-slate-800">{{ $value }}</p></div>@endforeach
<section class="rounded-2xl border border-slate-200 bg-white p-6 shadow-sm xl:col-span-3"><div class="mb-5 flex flex-wrap items-center justify-between gap-3"><h3 class="text-lg font-bold">Final calculation</h3><a href="{{ route('admin.trips.edit',$trip) }}" class="rounded-xl bg-amber-50 px-4 py-2 text-sm font-bold text-amber-700">Edit trip</a></div><div class="grid gap-3 md:grid-cols-2">@foreach([['Base amount',$trip->base_amount],['Waiting charge',$trip->waiting_charge],['Toll charge',$trip->toll_charge],['Parking charge',$trip->parking_charge],['Additional charge',$trip->additional_charge],['Discount','- '.$trip->discount],['Tax',$trip->tax_percentage.'%'],['Final amount',$trip->final_amount]] as [$label,$amount])<div class="flex justify-between rounded-xl bg-slate-50 px-4 py-3"><span class="text-slate-500">{{ $label }}</span><strong>{{ str_contains((string)$amount,'%') ? $amount : '₹'.number_format((float)$amount,2) }}</strong></div>@endforeach</div>@if($trip->remarks)<div class="mt-5 rounded-xl border border-slate-200 p-4 text-sm text-slate-600">{{ $trip->remarks }}</div>@endif</section>
</div>
@endsection