@extends('layouts.admin')
@section('title','Trips')
@section('header-title','Trips')
@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 or route">
        <a href="{{ route('admin.trips.create') }}" class="rounded-xl bg-blue-600 px-4 py-2.5 text-center text-sm font-bold text-white">+ Add trip</a>
    </form>
    @if($trips->isEmpty())<div class="grid min-h-80 place-items-center text-center"><div><p class="font-bold">No trips found</p><p class="text-sm text-slate-500">Create a trip from an existing booking.</p></div></div>
    @else
    <div class="overflow-x-auto"><table class="w-full min-w-[1050px] 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">Party</th><th class="px-6 py-4">Route</th><th class="px-6 py-4">Distance</th><th class="px-6 py-4">Final amount</th><th class="px-6 py-4">Status</th><th class="px-6 py-4">Invoice</th><th class="px-6 py-4">Actions</th></tr></thead>
    <tbody class="divide-y divide-slate-100">@foreach($trips as $trip)<tr><td class="px-6 py-4 text-slate-400">{{ $trips->firstItem()+$loop->index }}</td><td class="px-6 py-4 font-bold text-blue-600">{{ $trip->booking->booking_number }}</td><td class="px-6 py-4 font-semibold">{{ $trip->booking->company?->name ?? $trip->booking->customer?->name }}</td><td class="px-6 py-4">{{ $trip->booking->pickup_location }}<p class="text-xs text-slate-400">to {{ $trip->booking->drop_location }}</p></td><td class="px-6 py-4">{{ number_format($trip->total_km) }} km</td><td class="px-6 py-4 font-bold">₹{{ number_format((float)$trip->final_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($trip->status)->replace('_',' ') }}</span></td><td class="px-6 py-4">{{ $trip->invoiced_at ? 'Invoiced' : 'Pending' }}</td><td class="px-6 py-4"><div class="flex gap-2">
        <a href="{{ route('admin.trips.show',$trip) }}" title="View trip" class="grid size-9 place-items-center rounded-lg bg-blue-50 text-blue-600"><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.trips.edit',$trip) }}" title="Edit trip" class="grid size-9 place-items-center rounded-lg bg-amber-50 text-amber-600"><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.trips.destroy',$trip) }}" onsubmit="return confirm('Delete trip?')">@csrf @method('DELETE')<button title="Delete trip" class="grid size-9 place-items-center rounded-lg bg-red-50 text-red-600"><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 {{ $trips->firstItem() }} to {{ $trips->lastItem() }} of {{ $trips->total() }}</p>@include('admin.partials.pagination',['paginator'=>$trips])</div>@endif
</section>
@endsection