@extends('layouts.admin')
@section('title', 'Invoices')
@section('header-title', 'Invoices')
@section('content')
<section class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm">
    <div class="flex flex-col gap-3 border-b border-slate-100 p-4 sm:flex-row sm:items-center sm:justify-between">
        <div>
            @if($selectedQuotation)
                <p class="font-bold text-slate-900">Invoices for {{ $selectedQuotation->quotation_number }}</p>
                <p class="mt-1 text-sm text-slate-500">{{ $selectedQuotation->company?->name ?? $selectedQuotation->customer?->name }} · {{ $selectedQuotation->pickup_location }} → {{ $selectedQuotation->drop_location }}</p>
            @else
                <p class="font-bold text-slate-900">All quotations</p>
                <p class="mt-1 text-sm text-slate-500">Select a quotation to view all invoices generated for it.</p>
            @endif
        </div>
        <div class="flex flex-col gap-2 sm:flex-row">
            @if($selectedQuotation)<a href="{{ route('admin.invoices.index') }}" class="rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-center text-sm font-bold text-slate-600">← All quotations</a>@endif
            <a href="{{ route('admin.invoices.create') }}" class="rounded-xl bg-blue-600 px-4 py-2.5 text-center text-sm font-bold text-white">+ Generate invoice</a>
        </div>
    </div>

    @if($selectedQuotation)
        @if($invoices->isEmpty())
            <div class="grid min-h-80 place-items-center p-8 text-center"><div><p class="font-semibold text-slate-700">No invoices generated for this quotation yet.</p><a href="{{ route('admin.invoices.create', ['quotation_id' => $selectedQuotation->id]) }}" class="mt-3 inline-block text-sm font-bold text-blue-600">Generate invoice</a></div></div>
        @else
            <div class="overflow-x-auto"><table class="w-full min-w-[800px] 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">Invoice</th><th class="px-6 py-4">Date</th><th class="px-6 py-4">Received</th><th class="px-6 py-4">Balance</th><th class="px-6 py-4">Actions</th></tr></thead><tbody class="divide-y divide-slate-100">@foreach($invoices as $invoice)<tr><td class="px-6 py-4 text-slate-400">{{ $invoices->firstItem() + $loop->index }}</td><td class="px-6 py-4 font-bold text-blue-600">{{ $invoice->invoice_number }}</td><td class="px-6 py-4">{{ $invoice->invoice_date->format('d M Y') }}</td><td class="px-6 py-4 font-semibold">₹{{ number_format((float) $invoice->paid_amount, 2) }}</td><td class="px-6 py-4 font-bold">₹{{ number_format((float) $invoice->total_amount, 2) }}</td><td class="px-6 py-4"><div class="flex gap-2"><a href="{{ route('admin.invoices.show', $invoice) }}" title="View invoice" 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.invoices.pdf', $invoice) }}" target="_blank" rel="noopener" title="Preview PDF" class="grid size-9 place-items-center rounded-lg bg-violet-50 text-violet-600 transition hover:bg-violet-100"><svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 3h11l5 5v13H4zM14 3v6h6"/><path d="M7 15s1.8-3 5-3 5 3 5 3-1.8 3-5 3-5-3-5-3Z"/><circle cx="12" cy="15" r="1"/></svg></a><a href="{{ route('admin.invoices.pdf.download', $invoice) }}" title="Download 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 3v12m0 0 4-4m-4 4-4-4M5 21h14"/></svg></a></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 {{ $invoices->firstItem() }} to {{ $invoices->lastItem() }} of {{ $invoices->total() }}</p>@include('admin.partials.pagination', ['paginator' => $invoices])</div>
        @endif
    @else
        @if($quotations->isEmpty())
            <div class="grid min-h-80 place-items-center"><p class="text-slate-500">No quotations found.</p></div>
        @else
            <div class="overflow-x-auto"><table class="w-full min-w-[900px] 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">Party</th><th class="px-6 py-4">Trip date</th><th class="px-6 py-4">Amount</th><th class="px-6 py-4">Received</th><th class="px-6 py-4">Invoices</th><th class="px-6 py-4">Actions</th></tr></thead><tbody class="divide-y divide-slate-100">@foreach($quotations as $quotation)@php $received = (float) ($quotation->invoices_sum_paid_amount ?? 0); @endphp<tr><td class="px-6 py-4 text-slate-400">{{ $quotations->firstItem() + $loop->index }}</td><td class="px-6 py-4"><p class="font-bold text-blue-600">{{ $quotation->quotation_number }}</p><p class="mt-1 text-xs text-slate-500">{{ $quotation->pickup_location }} → {{ $quotation->drop_location }}</p></td><td class="px-6 py-4">{{ $quotation->company?->name ?? $quotation->customer?->name }}</td><td class="px-6 py-4">{{ $quotation->trip_start_date->format('d M Y') }}</td><td class="px-6 py-4 font-bold">₹{{ number_format((float) $quotation->estimated_amount, 2) }}</td><td class="px-6 py-4">₹{{ number_format($received, 2) }}</td><td class="px-6 py-4"><span class="rounded-full bg-slate-100 px-2.5 py-1 text-xs font-bold text-slate-600">{{ $quotation->invoices_count }}</span></td><td class="px-6 py-4"><div class="flex gap-2"><a href="{{ route('admin.invoices.index', ['quotation' => $quotation->id]) }}" title="View quotation invoices" 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></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 {{ $quotations->firstItem() }} to {{ $quotations->lastItem() }} of {{ $quotations->total() }}</p>@include('admin.partials.pagination', ['paginator' => $quotations])</div>
        @endif
    @endif
</section>
@endsection