@extends('layouts.admin')
@section('title',$invoice->invoice_number)
@section('header-title','Invoice Details')
@section('content')
<section class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm"><div class="flex flex-col items-start justify-between gap-4 bg-gradient-to-r sm:flex-row sm:items-center from-indigo-700 to-blue-600 p-7 text-white"><div><p class="text-sm text-blue-100">SSM Travels Invoice</p><h2 class="text-2xl font-black">{{ $invoice->invoice_number }}</h2><p class="mt-2">{{ $invoice->company?->name ?? $invoice->customer?->name }}</p></div><div class="w-full text-left sm:w-auto sm:text-right"><p class="text-sm text-blue-100">{{ $invoice->invoice_date->format('d M Y') }}</p><p class="mt-1 text-xs font-semibold uppercase tracking-wider text-blue-100">Balance due</p><p class="text-3xl font-black">₹{{ number_format($paymentSummary['balance_due'], 2) }}</p><div class="mt-4 flex flex-wrap justify-start gap-3 sm:justify-end"><a href="{{ route('admin.invoices.pdf',$invoice) }}" target="_blank" rel="noopener" class="inline-flex items-center gap-2 rounded-xl border border-white/30 bg-white px-4 py-2.5 text-sm font-bold text-blue-700 shadow-sm transition hover:bg-blue-50"><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>Preview PDF</a><a href="{{ route('admin.invoices.pdf.download',$invoice) }}" class="inline-flex items-center gap-2 rounded-xl border border-white/40 bg-emerald-500 px-4 py-2.5 text-sm font-bold text-white shadow-sm transition hover:bg-emerald-400"><svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v12m0 0 4-4m-4 4-4-4M5 21h14"/></svg>Download PDF</a></div></div></div>
@if($invoice->quotation)
<div class="border-t border-slate-200 bg-slate-50 p-5 text-sm text-slate-700">
    <div class="flex flex-wrap items-center justify-between gap-4">
        <div>
            <p class="text-xs uppercase tracking-[.2em] text-slate-400">Related quotation</p>
            <p class="mt-2 font-semibold text-slate-900">{{ $invoice->quotation->quotation_number }} · {{ $invoice->quotation->pickup_location }} → {{ $invoice->quotation->drop_location }}</p>
        </div>
        <a href="{{ route('admin.quotations.show', $invoice->quotation) }}" class="rounded-xl border border-slate-200 bg-white px-4 py-2 text-sm font-semibold text-slate-600">View quotation</a>
    </div>
</div>
@endif
<div class="p-6">@if($invoice->quotation)<h3 class="mb-4 text-lg font-bold">Quotation details</h3><div class="overflow-x-auto rounded-xl border"><table class="w-full min-w-[700px] text-left text-sm"><thead class="bg-slate-50"><tr><th class="p-4">Quotation</th><th class="p-4">Route</th><th class="p-4">Vehicle</th><th class="p-4">Trip date</th><th class="p-4 text-right">Amount</th></tr></thead><tbody><tr><td class="p-4 font-bold">{{ $invoice->quotation->quotation_number }}</td><td class="p-4">{{ $invoice->quotation->pickup_location }} → {{ $invoice->quotation->drop_location }}</td><td class="p-4">{{ $invoice->quotation->vehicle?->name ?? $invoice->quotation->vehicle_type }}</td><td class="p-4">{{ $invoice->quotation->trip_start_date?->format('d M Y') }}</td><td class="p-4 text-right font-bold">₹{{ number_format((float)$invoice->subtotal,2) }}</td></tr></tbody></table></div>@else<h3 class="mb-4 text-lg font-bold">Included trips</h3><div class="overflow-x-auto rounded-xl border"><table class="w-full min-w-[700px] text-left text-sm"><thead class="bg-slate-50"><tr><th class="p-4">S.No</th><th class="p-4">Booking</th><th class="p-4">Route</th><th class="p-4">Vehicle</th><th class="p-4 text-right">Amount</th></tr></thead><tbody class="divide-y">@foreach($invoice->trips as $trip)<tr><td class="p-4">{{ $loop->iteration }}</td><td class="p-4 font-bold">{{ $trip->booking->booking_number }}</td><td class="p-4">{{ $trip->booking->pickup_location }} → {{ $trip->booking->drop_location }}</td><td class="p-4">{{ $trip->booking->vehicle?->registration_number ?? 'Not assigned' }}</td><td class="p-4 text-right font-bold">₹{{ number_format((float)$trip->pivot->amount,2) }}</td></tr>@endforeach</tbody></table></div>@endif
<div class="mt-6 grid gap-4 md:grid-cols-[1.2fr_0.8fr]">
    <div class="rounded-xl border border-slate-200 p-4 text-sm text-slate-600">
        <p class="font-semibold text-slate-900">Payment details</p>
        <div class="mt-3 space-y-2">
            <div class="flex items-center justify-between"><span>Payment method</span><strong class="capitalize">{{ $invoice->payment_method ?? 'full' }}</strong></div>
            @if($paymentSummary['previously_received'] > 0)<div class="flex items-center justify-between"><span>Previously received</span><strong>₹{{ number_format($paymentSummary['previously_received'], 2) }}</strong></div>@endif
            <div class="flex items-center justify-between"><span>Received with this invoice</span><strong>₹{{ number_format($paymentSummary['received_now'], 2) }}</strong></div>
            <div class="flex items-center justify-between border-t border-slate-100 pt-2"><span>Total received</span><strong class="text-emerald-600">₹{{ number_format($paymentSummary['total_received'], 2) }}</strong></div>
            <div class="flex items-center justify-between"><span>Status</span><strong class="capitalize">{{ $invoice->payment_status ?? 'pending' }}</strong></div>
            <div class="flex items-center justify-between"><span>Balance due</span><strong class="text-red-600">₹{{ number_format($paymentSummary['balance_due'], 2) }}</strong></div>
        </div>
    </div>
    <div class="ml-auto w-full max-w-md space-y-3">
        @foreach([['Subtotal', (float) $invoice->subtotal], ['Previously received', $paymentSummary['previously_received']], ['Received now', $paymentSummary['received_now']], ['Total received', $paymentSummary['total_received']], ['Balance due', $paymentSummary['balance_due']]] as [$label, $amount])
            @if($label !== 'Previously received' || $amount > 0)<div class="flex justify-between rounded-xl px-4 py-3 {{ $label === 'Balance due' ? 'bg-red-50 text-red-700' : ($label === 'Total received' ? 'bg-emerald-50 text-emerald-700' : 'bg-slate-50') }}"><span>{{ $label }}</span><strong>₹{{ number_format($amount, 2) }}</strong></div>@endif
        @endforeach
    </div>
</div>@if($invoice->notes)<div class="mt-6 rounded-xl border border-slate-200 p-4 text-sm text-slate-600">{{ $invoice->notes }}</div>@endif</div></section>
@endsection