@extends('layouts.app')
@section('title', 'Pro forma invoices')
@section('heading', 'Pro forma invoices')
@section('content')
<div class="page-actions"><div><p class="eyebrow mb-1">INVOICE REGISTER</p><h2>Track every pro forma</h2><p>Search balances, payment dates, owners, and collection status.</p></div>@can('create',App\Models\ProformaInvoice::class)<a class="btn btn-primary" href="{{ route('invoices.create') }}"><i class="bi bi-plus-lg me-2"></i>New pro forma</a>@endcan</div>
<form class="filter-panel" method="GET"><div class="row g-3 align-items-end">
    <div class="col-lg-4"><label class="form-label" for="search">Search</label><div class="filter-search"><i class="bi bi-search"></i><input class="form-control" id="search" name="search" value="{{ request('search') }}" placeholder="Invoice number or customer"></div></div>
    <div class="col-md-4 col-lg-2"><label class="form-label" for="status">Status</label><select class="form-select" id="status" name="status"><option value="">All statuses</option>@foreach($statuses as $status)<option value="{{ $status->value }}" @selected(request('status')===$status->value)>{{ $status->label() }}</option>@endforeach</select></div>
    <div class="col-md-4 col-lg-2"><label class="form-label" for="customer_id">Customer</label><select class="form-select" id="customer_id" name="customer_id"><option value="">All customers</option>@foreach($customers as $customer)<option value="{{ $customer->id }}" @selected((string)request('customer_id')===(string)$customer->id)>{{ $customer->company_name }}</option>@endforeach</select></div>
    <div class="col-md-4 col-lg-2"><label class="form-label" for="assigned_to">Owner</label><select class="form-select" id="assigned_to" name="assigned_to"><option value="">All owners</option>@foreach($employees as $employee)<option value="{{ $employee->id }}" @selected((string)request('assigned_to')===(string)$employee->id)>{{ $employee->name }}</option>@endforeach</select></div>
    <div class="col-lg-2 d-flex gap-2"><button class="btn btn-dark flex-grow-1">Filter</button><a class="btn btn-light" href="{{ route('invoices.index') }}" aria-label="Clear filters"><i class="bi bi-arrow-counterclockwise"></i></a></div>
    <div class="col-12 d-flex gap-4"><div class="form-check"><input class="form-check-input" type="checkbox" name="overdue" value="1" id="overdue" @checked(request()->boolean('overdue'))><label class="form-check-label" for="overdue">Overdue only</label></div><div class="form-check"><input class="form-check-input" type="checkbox" name="unpaid" value="1" id="unpaid" @checked(request()->boolean('unpaid'))><label class="form-check-label" for="unpaid">Unpaid only</label></div></div>
</div></form>
<div class="data-card"><div class="data-card-header"><div><h2>Invoice results</h2><p>{{ $invoices->total() }} {{ Str::plural('invoice',$invoices->total()) }} found</p></div></div><div class="table-responsive"><table class="table module-table align-middle mb-0"><thead><tr><th>Invoice & customer</th><th>Total</th><th>Outstanding</th><th>Status</th><th>Expected payment</th><th>Owner</th><th></th></tr></thead><tbody>
@forelse($invoices as $invoice)<tr class="{{ $invoice->is_overdue ? 'priority-row-high':'' }}"><td><a class="entity-link" href="{{ route('invoices.show',$invoice) }}"><span class="customer-avatar">{{ strtoupper(substr($invoice->customer->company_name,0,1)) }}</span><span><strong>{{ $invoice->invoice_number }}</strong><small>{{ $invoice->customer->company_name }}</small></span></a></td><td><strong>{{ $invoice->currency }} {{ number_format($invoice->total_amount,2) }}</strong><small class="d-block text-secondary">{{ $invoice->invoice_date->format('d M Y') }}</small></td><td><strong>{{ $invoice->currency }} {{ number_format($invoice->outstanding_amount,2) }}</strong><small class="d-block text-secondary">Paid {{ number_format($invoice->paid_amount,2) }}</small></td><td><span class="status-chip status-{{ $invoice->status->value }}">{{ $invoice->status->label() }}</span>@if($invoice->is_overdue)<small class="d-block text-danger mt-1"><i class="bi bi-exclamation-circle"></i> Overdue</small>@endif</td><td>{{ $invoice->expected_payment_date?->format('d M Y') ?? 'Not set' }}</td><td><span class="owner"><span class="avatar avatar-xs">{{ strtoupper(substr($invoice->assignee->name,0,1)) }}</span>{{ $invoice->assignee->name }}</span></td><td><a class="icon-button" href="{{ route('invoices.show',$invoice) }}" aria-label="View {{ $invoice->invoice_number }}"><i class="bi bi-chevron-right"></i></a></td></tr>
@empty<tr><td colspan="7"><div class="empty-state"><span><i class="bi bi-receipt"></i></span><h3>No invoices found</h3><p>Create an invoice or adjust your filters.</p></div></td></tr>@endforelse
</tbody></table></div>@if($invoices->hasPages())<div class="pagination-wrap">{{ $invoices->links() }}</div>@endif</div>
@endsection