@extends('admin.layouts.app')
@section('title','Edit Invoice') @section('page_title','Edit Invoice') @section('page_subtitle',$invoice->invoice_number) @section('back_url',route('admin.invoices.index'))
@section('content')<section class="dashboard-content"><section class="form-card"><div class="section-heading"><div><h2>{{ $invoice->invoice_number }}</h2><p>Update dates, payment and status.</p></div></div><form method="POST" action="{{ route('admin.invoices.update',$invoice) }}">@csrf @method('PUT') @if($errors->any())<div class="alert form-alert">Please correct the highlighted fields.</div>@endif<div class="invoice-edit-summary"><span>Total <b>&#8377;{{ number_format((float)$invoice->total,2) }}</b></span><span>Paid <b id="paidPreview">&#8377;{{ number_format((float)$invoice->amount_paid,2) }}</b></span><span>Balance Due <b id="balancePreview">&#8377;{{ number_format((float)$invoice->balance,2) }}</b></span></div><div class="admin-form-grid"><div class="form-group"><label>Invoice Date <b>*</b></label><input type="date" name="invoice_date" value="{{ old('invoice_date',$invoice->invoice_date->format('Y-m-d')) }}" required></div><div class="form-group"><label>Due Date <b>*</b></label><input type="date" name="due_date" value="{{ old('due_date',$invoice->due_date->format('Y-m-d')) }}" required></div><div class="form-group"><label>Payment Type <b>*</b></label><select id="paymentType" name="payment_type" required>@foreach(['Advance','Partial','Full Payment'] as $type)<option @selected(old('payment_type',$invoice->payment_type)===$type)>{{ $type }}</option>@endforeach</select></div><div class="form-group"><label>Amount Paid</label><input id="amountPaid" type="number" name="amount_paid" value="{{ old('amount_paid',$invoice->amount_paid) }}" min="0" max="{{ $invoice->total }}" step="0.01" required>@error('amount_paid')<p class="field-error">{{ $message }}</p>@enderror</div><div class="form-group"><label>Invoice Status</label><select name="status" required>@foreach(['Unpaid','Partial','Paid','Overdue','Cancelled'] as $s)<option @selected(old('status',$invoice->status)===$s)>{{ $s }}</option>@endforeach</select></div><div class="form-group full-width"><label>Notes</label><textarea name="notes" rows="4" maxlength="2000">{{ old('notes',$invoice->notes) }}</textarea></div></div><div class="form-actions"><a class="secondary-action" href="{{ route('admin.invoices.index') }}">Cancel</a><button class="primary-action">Update Invoice</button></div></form></section></section>@endsection
@push('scripts')<script src="{{ asset('js/searchable-select.js') }}"></script>@endpush
@push('scripts')<script>(()=>{
const total={{ (float)$invoice->total }},type=document.getElementById('paymentType'),paid=document.getElementById('amountPaid');

// Initialize searchable dropdowns
SearchableSelect.init(type,{placeholder:'Select payment type...'});
SearchableSelect.init(document.querySelector('select[name="status"]'),{placeholder:'Select invoice status...'});

function calc(){if(type.value==='Full Payment'){paid.value=total.toFixed(2);paid.readOnly=true}else paid.readOnly=false;const p=Math.min(parseFloat(paid.value)||0,total);document.getElementById('paidPreview').textContent='₹'+p.toFixed(2);document.getElementById('balancePreview').textContent='₹'+Math.max(0,total-p).toFixed(2)}type.addEventListener('change',calc);paid.addEventListener('input',calc);calc()})();</script>@endpush