@extends('layouts.admin')
@section('title', 'Quotations')
@section('header-title', 'Quotations')
@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="flex items-center gap-2 text-sm text-slate-500">Show <select name="per_page" onchange="this.form.submit()" class="rounded-lg border border-slate-200 px-2.5 py-2">@foreach([10,25,50,100] as $n)<option @selected((int)request('per_page',10)===$n)>{{ $n }}</option>@endforeach</select> entries</label><div class="relative flex-1"><svg class="absolute left-3.5 top-1/2 size-4 -translate-y-1/2 text-slate-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg><input name="search" value="{{ request('search') }}" data-live-search class="w-full rounded-xl border border-slate-200 py-2.5 pl-10 pr-4 text-sm outline-none focus:border-blue-500" placeholder="Live search quotation, company, customer or route"></div><a href="{{ route('admin.quotations.create') }}" class="inline-flex items-center justify-center gap-2 rounded-xl bg-blue-600 px-4 py-2.5 text-sm font-bold text-white">+ New quotation</a></form>
        @if($quotations->isEmpty())<div class="grid min-h-80 place-items-center text-center"><div><p class="font-bold text-slate-900">No quotations found</p><p class="mt-1 text-sm text-slate-500">Create the first company or customer quotation.</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">Quotation</th><th class="px-6 py-4">Company / Customer</th><th class="px-6 py-4">Trip</th><th class="px-6 py-4">Vehicle</th><th class="px-6 py-4">Amount</th><th class="px-6 py-4">Status</th><th class="px-6 py-4 text-right">Actions</th></tr></thead><tbody class="divide-y divide-slate-100">
            @foreach($quotations as $quotation)<tr class="hover:bg-slate-50/70"><td class="px-6 py-4 text-slate-400">{{ $quotations->firstItem()+$loop->index }}</td><td class="px-6 py-4"><a href="{{ route('admin.quotations.show',$quotation) }}" class="font-bold text-blue-600">{{ $quotation->quotation_number }}</a><p class="mt-1 text-xs text-slate-500">{{ $quotation->created_at->format('d M Y') }}</p></td><td class="px-6 py-4 font-semibold text-slate-800">{{ $quotation->company?->name ?? $quotation->customer?->name ?? 'Deleted record' }}<p class="mt-1 text-xs font-normal capitalize text-slate-500">{{ $quotation->party_type }}</p></td><td class="px-6 py-4"><p>{{ $quotation->pickup_location }}</p><p class="text-xs text-slate-400">to {{ $quotation->drop_location }}</p></td><td class="px-6 py-4">{{ $quotation->vehicle_type }}</td><td class="px-6 py-4 font-bold">₹{{ number_format((float)$quotation->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">{{ $quotation->status }}</span></td><td class="px-6 py-4"><div class="flex justify-end gap-2"><a href="{{ route('admin.quotations.show',$quotation) }}" title="View quotation" 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.quotations.pdf',$quotation) }}" target="_blank" rel="noopener" title="Preview PDF" class="grid size-9 place-items-center rounded-lg bg-emerald-50 text-emerald-600 transition hover:bg-emerald-100"><svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v12M7 10l5 5 5-5M5 21h14"/></svg></a><a href="{{ route('admin.quotations.edit',$quotation) }}" title="Edit quotation" 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.quotations.destroy',$quotation) }}" onsubmit="return confirm('Delete this quotation?')">@csrf @method('DELETE')<button title="Delete quotation" 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 items-center justify-between gap-4 border-t border-slate-100 px-6 py-4 sm:flex-row"><p class="text-sm text-slate-500">Showing {{ $quotations->firstItem() }} to {{ $quotations->lastItem() }} of {{ $quotations->total() }} entries</p>@include('admin.partials.pagination',['paginator'=>$quotations])</div>@endif
    </section>
@endsection