@php
    $trackedExpenses = $application->expenses->where('status', '!=', 'rejected');
    $approvedExpenses = $application->expenses->whereIn('status', ['approved', 'partially_paid', 'paid']);
    $expenseClassification = fn ($expense) => $expense->feeType?->classification ?? $expense->category;
    $governmentCost = (float) $approvedExpenses->filter(fn ($expense) => $expenseClassification($expense) === 'government_fee')->sum('subtotal');
    $outsourcedCost = (float) $approvedExpenses->filter(fn ($expense) => $expenseClassification($expense) === 'outsourcing')->sum('subtotal');
    $otherCost = (float) $approvedExpenses->filter(fn ($expense) => ! in_array($expenseClassification($expense), ['government_fee', 'outsourcing'], true))->sum('subtotal');
    $serviceRevenue = (float) $application->typing_fee_total + (float) $application->service_charge_total;
@endphp

<section class="grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
    @foreach([
        ['Government paid', $governmentCost, 'text-amber-700'],
        ['Outsourced cost', $outsourcedCost, 'text-violet-700'],
        ['Other costs', $otherCost, 'text-rose-700'],
        ['Service margin', $serviceRevenue - $outsourcedCost - $otherCost, 'text-emerald-700'],
    ] as [$label, $amount, $color])
        <div class="rounded-2xl border border-slate-200 bg-white p-4"><p class="text-[9px] font-bold uppercase tracking-wider text-slate-400">{{ $label }}</p><p class="mt-1 text-lg font-black {{ $color }}">AED {{ number_format($amount, 2) }}</p></div>
    @endforeach
</section>

@if(auth()->user()->hasPermission('expense.create'))
    <section class="erp-panel">
        <div class="erp-panel-heading"><div><h2>Add Application Cost</h2><p>Select a tenant fee type, then the supplier, authority, or outsourcing provider responsible for it.</p></div><div class="flex flex-wrap gap-3"><a href="{{ route('app.accounting',['section'=>'payables']) }}">Create supplier</a><a href="{{ route('app.accounting',['section'=>'expenses']) }}">Fee types & funding →</a></div></div>
        <details class="mt-4 rounded-2xl border border-dashed border-emerald-200 bg-emerald-50/50 p-4">
            <summary class="cursor-pointer text-xs font-extrabold text-emerald-700">+ Create a new fee type</summary>
            <form method="POST" action="{{ route('app.finance.expense_fee_types.store') }}" class="mt-3 grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
                @csrf
                <input name="name" required placeholder="Fee type name" class="erp-input">
                <select name="classification" required class="erp-input"><option value="government_fee">Government fee</option><option value="outsourcing">Outsourcing fee</option><option value="other">Other fee</option></select>
                <select name="expense_account_id" class="erp-input"><option value="">Automatic ledger mapping</option>@foreach($expenseAccounts as $account)<option value="{{ $account->id }}">{{ $account->account_code }} — {{ $account->account_name }}</option>@endforeach</select>
                <button class="rounded-xl bg-slate-950 px-4 py-2 text-xs font-bold text-white">Create Fee Type</button>
            </form>
        </details>
        <form method="POST" enctype="multipart/form-data" action="{{ route('app.finance.expenses.store') }}" class="mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
            @csrf
            <input type="hidden" name="application_id" value="{{ $application->id }}">
            <input type="hidden" name="branch_id" value="{{ $application->branch_id }}">
            <input type="hidden" name="payment_method" value="bank_transfer">
            <label class="text-[10px] font-bold text-slate-500">Date<input type="date" name="expense_date" value="{{ date('Y-m-d') }}" required class="erp-input mt-1"></label>
            <label class="text-[10px] font-bold text-slate-500">Fee type<select name="expense_fee_type_id" required class="erp-input mt-1"><option value="">Select fee type</option>@foreach($expenseFeeTypes->groupBy('classification') as $classification=>$types)<optgroup label="{{ str($classification)->replace('_',' ')->title() }}">@foreach($types as $feeType)<option value="{{ $feeType->id }}" @selected(old('expense_fee_type_id') == $feeType->id)>{{ $feeType->name }}</option>@endforeach</optgroup>@endforeach</select></label>
            <label class="text-[10px] font-bold text-slate-500">Supplier / authority / outsource<select name="vendor_id" required class="erp-input mt-1"><option value="">Select supplier after fee type</option>@foreach($vendors as $vendor)<option value="{{ $vendor->id }}" @selected(old('vendor_id') == $vendor->id)>{{ $vendor->name }} · {{ str($vendor->vendor_type)->replace('_',' ')->title() }}</option>@endforeach</select></label>
            <label class="text-[10px] font-bold text-slate-500">Ledger account<select name="expense_account_id" class="erp-input mt-1"><option value="">Automatic mapping</option>@foreach($expenseAccounts as $account)<option value="{{ $account->id }}">{{ $account->account_code }} — {{ $account->account_name }}</option>@endforeach</select></label>
            <label class="text-[10px] font-bold text-slate-500 lg:col-span-2">Description<input name="description" required placeholder="Authority, outsource work, or cost purpose" class="erp-input mt-1"></label>
            <label class="text-[10px] font-bold text-slate-500">Subtotal<input name="subtotal" type="number" step="0.01" min="0.01" required class="erp-input mt-1"></label>
            <label class="text-[10px] font-bold text-slate-500">VAT<input name="vat_amount" type="number" step="0.01" min="0" value="0" class="erp-input mt-1"></label>
            <label class="text-[10px] font-bold text-slate-500 lg:col-span-3">Receipt / supplier invoice<input type="file" name="attachment" accept=".pdf,.jpg,.jpeg,.png,.webp" class="erp-input mt-1"></label>
            <button class="rounded-xl bg-emerald-600 py-3 text-xs font-bold text-white">Save Draft Cost</button>
        </form>
    </section>
@endif

<section class="erp-panel">
    <div class="erp-panel-heading"><div><h2>Application Expense & Payment Register</h2><p>Costs remain visible on this customer service and in the consolidated finance reports.</p></div><a href="{{ route('app.finance.reports.show',['type'=>'application_costs','application_id'=>$application->id]) }}">Application report →</a></div>
    <div class="mt-4 overflow-x-auto"><table class="erp-table"><thead><tr><th>Cost</th><th>Supplier / Source</th><th>Total</th><th>Paid / Due</th><th>Status / Action</th></tr></thead><tbody>
        @forelse($application->expenses as $expense)
            <tr><td><strong>{{ $expense->expense_number }} · {{ $expense->feeType?->name ?? str($expense->category)->replace('_',' ')->title() }}</strong><small>{{ str($expense->feeType?->classification ?? $expense->category)->replace('_',' ')->title() }} · {{ $expense->expense_date->format('d M Y') }} · {{ $expense->description }}</small></td><td><strong>{{ $expense->vendor?->name ?? 'Legacy direct payment' }}</strong><small>{{ $expense->payments->pluck('fundingAccount.name')->filter()->unique()->join(', ') ?: 'Not funded yet' }}</small>@if($expense->vendor)<a href="{{ route('app.finance.reports.show',['type'=>'supplier_ledger','vendor_id'=>$expense->vendor_id]) }}" class="mt-1 block text-[9px] font-bold text-emerald-700">Supplier ledger →</a>@endif</td><td><strong>AED {{ number_format((float)$expense->total_amount,2) }}</strong><small>{{ $expense->expenseAccount?->account_code }} {{ $expense->expenseAccount?->account_name }}</small></td><td><strong class="text-emerald-700">AED {{ number_format((float)$expense->paid_amount,2) }}</strong><small class="text-rose-600">Due AED {{ number_format((float)$expense->balance_due,2) }}</small></td><td><span class="erp-status" data-status="{{ $expense->status }}">{{ str($expense->status)->replace('_',' ')->title() }}</span><div class="mt-2">@php $action=['draft'=>'submit','submitted'=>'approve'][$expense->status]??null; @endphp @if($action && auth()->user()->hasPermission('expense.approve'))<form method="POST" action="{{ route('app.finance.expenses.transition',$expense) }}">@csrf<input type="hidden" name="action" value="{{ $action }}"><button class="rounded-lg bg-emerald-600 px-2 py-1 text-[9px] font-bold uppercase text-white">{{ $action }}</button></form>@endif</div></td></tr>
            @if(in_array($expense->status, ['approved','partially_paid']) && (float)$expense->balance_due > 0 && auth()->user()->hasPermission('expense.approve'))
                <tr class="bg-slate-50"><td colspan="5"><form method="POST" action="{{ route('app.finance.expenses.payments.store',$expense) }}" class="flex flex-wrap items-end gap-2">@csrf<label class="text-[9px] font-bold text-slate-500">Payment date<input type="date" name="payment_date" value="{{ date('Y-m-d') }}" required class="erp-input mt-1"></label><label class="text-[9px] font-bold text-slate-500">Funding source<select name="funding_account_id" required class="erp-input mt-1"><option value="">Select account</option>@foreach($fundingAccounts as $source)<option value="{{ $source->id }}">{{ $source->name }} · {{ str($source->type)->replace('_',' ') }}</option>@endforeach</select></label><label class="text-[9px] font-bold text-slate-500">Amount<input name="amount" type="number" step="0.01" min="0.01" max="{{ $expense->balance_due }}" value="{{ $expense->balance_due }}" required class="erp-input mt-1"></label><label class="text-[9px] font-bold text-slate-500">Reference<input name="reference" placeholder="Receipt / card / bank ref" class="erp-input mt-1"></label><button class="rounded-lg bg-[#0b1f38] px-4 py-2 text-[9px] font-bold text-white">Record Payment</button></form></td></tr>
            @endif
        @empty
            <tr><td colspan="5"><div class="erp-empty"><span>AED</span><strong>No application costs yet</strong><p>Add government or outsourced costs as they are incurred.</p></div></td></tr>
        @endforelse
    </tbody></table></div>
</section>