@extends('admin.layouts.app')
@section('title','Invoices') @section('page_title','Invoice') @section('page_subtitle',$selectedQuotation ? 'Invoices created from '.$selectedQuotation->quotation_number : 'Select a quotation to view its invoices.')
@section('content')
<section class="dashboard-content">
    <div class="module-heading menu-page-heading"><div><span class="eyebrow">BILLING MANAGEMENT</span><h2>{{ $selectedQuotation ? 'Quotation Invoices' : 'Quotation List' }}</h2><p>{{ $selectedQuotation ? $selectedQuotation->quotation_number.' — '.$selectedQuotation->customer->name : 'Click the eye icon to view invoices created from a quotation.' }}</p></div><div class="heading-actions">@if($selectedQuotation)<a class="secondary-action" href="{{ route('admin.invoices.index') }}">&#8592; Quotation List</a>@endif<a class="primary-action action-link" href="{{ route('admin.invoices.create') }}">+ New Invoice</a></div></div>
    <section class="recent-card data-card">
        <form class="table-toolbar" method="GET">@if($selectedQuotation)<input type="hidden" name="quotation_id" value="{{ $selectedQuotation->id }}">@endif<label class="entries-control">Show <select name="per_page" onchange="this.form.submit()">@foreach([10,25,50,100] as $s)<option @selected($perPage===$s)>{{ $s }}</option>@endforeach</select> entries</label><div class="table-search"><label>Search</label><input class="live-search-input" type="search" name="search" value="{{ $search }}" placeholder="{{ $selectedQuotation ? 'Invoice number or status...' : 'Quotation, customer or event...' }}" autocomplete="off">@if($search!=='')<a href="{{ route('admin.invoices.index',$selectedQuotation?['quotation_id'=>$selectedQuotation->id,'per_page'=>$perPage]:['per_page'=>$perPage]) }}">Clear</a>@endif</div></form>

        @if(!$selectedQuotation)
            <div class="table-wrap"><table class="data-table"><thead><tr><th>S.NO</th><th>Quotation</th><th>Customer</th><th>Event</th><th>Quotation Date</th><th>Total</th><th>Invoices</th><th class="action-column">View Invoices</th></tr></thead><tbody>
            @forelse($quotations as $quotation)<tr><td>{{ $quotations->firstItem()+$loop->index }}</td><td><strong>{{ $quotation->quotation_number }}</strong></td><td>{{ $quotation->customer->name }}</td><td>{{ $quotation->event_name }}</td><td>{{ $quotation->quotation_date->format('d M Y') }}</td><td><strong>&#8377;{{ number_format((float)$quotation->total,2) }}</strong></td><td><span class="count-badge">{{ $quotation->invoices_count }}</span></td><td class="row-actions"><a class="icon-action view" href="{{ route('admin.invoices.index',['quotation_id'=>$quotation->id]) }}" title="View invoices for {{ $quotation->quotation_number }}" aria-label="View invoices">@include('admin.partials.action-icon',['icon'=>'view'])</a></td></tr>
            @empty<tr><td colspan="8"><div class="table-empty"><strong>No quotations found.</strong><span>Create a quotation before creating invoices.</span></div></td></tr>@endforelse
            </tbody></table></div><div class="table-footer"><p>Showing <strong>{{ $quotations->firstItem()??0 }}</strong> to <strong>{{ $quotations->lastItem()??0 }}</strong> of <strong>{{ $quotations->total() }}</strong> quotations</p>{{ $quotations->links('admin.partials.pagination') }}</div>
        @else
            <div class="quotation-invoice-summary"><span>Quotation Total <b>&#8377;{{ number_format((float)$selectedQuotation->total,2) }}</b></span><span>Customer <b>{{ $selectedQuotation->customer->name }}</b></span><span>Event <b>{{ $selectedQuotation->event_name }}</b></span></div>
            <div class="table-wrap"><table class="data-table"><thead><tr><th>S.NO</th><th>Invoice</th><th>Date</th><th>Total</th><th>Payment Type</th><th>Paid</th><th>Balance</th><th>Status</th><th class="action-column">Actions</th></tr></thead><tbody>
            @forelse($invoices as $invoice)<tr><td>{{ $invoices->firstItem()+$loop->index }}</td><td><strong>{{ $invoice->invoice_number }}</strong></td><td>{{ $invoice->invoice_date->format('d M Y') }}</td><td><strong>&#8377;{{ number_format((float)$invoice->total,2) }}</strong></td><td><span class="payment-type-badge">{{ $invoice->payment_type }}</span></td><td>&#8377;{{ number_format((float)$invoice->amount_paid,2) }}</td><td><strong class="balance-amount">&#8377;{{ number_format((float)$invoice->balance,2) }}</strong></td><td><span class="invoice-status {{ strtolower($invoice->status) }}">{{ $invoice->status }}</span></td><td class="row-actions"><a class="icon-action view" href="{{ route('admin.invoices.show',$invoice) }}" title="View">@include('admin.partials.action-icon',['icon'=>'view'])</a><a class="icon-action download" href="{{ route('admin.invoices.pdf.download',$invoice) }}" title="Download">@include('admin.partials.action-icon',['icon'=>'download'])</a><a class="icon-action edit" href="{{ route('admin.invoices.edit',$invoice) }}" title="Edit">@include('admin.partials.action-icon',['icon'=>'edit'])</a><form method="POST" action="{{ route('admin.invoices.destroy',$invoice) }}" onsubmit="return confirm('Delete this invoice?')">@csrf @method('DELETE')<button class="icon-action delete" title="Delete">@include('admin.partials.action-icon',['icon'=>'delete'])</button></form></td></tr>
            @empty<tr><td colspan="9"><div class="table-empty"><strong>No invoices created from this quotation.</strong><span>Use New Invoice to create one.</span></div></td></tr>@endforelse
            </tbody></table></div><div class="table-footer"><p>Showing <strong>{{ $invoices->firstItem()??0 }}</strong> to <strong>{{ $invoices->lastItem()??0 }}</strong> of <strong>{{ $invoices->total() }}</strong> invoices</p>{{ $invoices->links('admin.partials.pagination') }}</div>
        @endif
    </section>
</section>
@endsection
@push('scripts')<script>document.querySelectorAll('.live-search-input').forEach(i=>{let t;i.addEventListener('input',()=>{clearTimeout(t);t=setTimeout(()=>i.form.submit(),450)})})</script>@endpush