@extends('admin.layouts.app')
@section('title','New Invoice')
@section('page_title','New Invoice')
@section('page_subtitle','Create the next payment invoice from a quotation.')
@section('back_url',route('admin.invoices.index'))
@section('content')
<section class="dashboard-content"><section class="form-card">
 <div class="section-heading"><div><h2>Invoice Details</h2><p>Previous quotation payments are deducted automatically.</p></div></div>
 <form method="POST" action="{{ route('admin.invoices.store') }}">@csrf
  @if($errors->any())<div class="alert form-alert">Please correct the highlighted fields.</div>@endif
  <div class="admin-form-grid"><div class="form-group full-width"><label>Quotation <b>*</b></label>
   <select id="quotationSelect" name="quotation_id" required><option value="" data-total="0" data-previous="0">Select accepted or sent quotation</option>
    @foreach($quotations as $q)<option value="{{ $q->id }}" data-total="{{ $q->total }}" data-previous="{{ $q->previous_paid ?? 0 }}" @selected((string)old('quotation_id')===(string)$q->id)>{{ $q->quotation_number }} — {{ $q->customer->name }} — &#8377;{{ number_format((float)$q->total,2) }}</option>@endforeach
   </select>@error('quotation_id')<p class="field-error">{{ $message }}</p>@enderror
   @if($quotations->isEmpty())<p class="field-hint">No Sent or Accepted quotations are available.</p>@endif
  </div></div>
  <div class="invoice-payment-preview"><span>Full Amount <b id="invoiceTotal">&#8377;0.00</b></span><span>Previous Paid <b id="previousPaid">&#8377;0.00</b></span><span>Current Payment <b id="paidPreview">&#8377;0.00</b></span><span>Balance Due <b id="balancePreview">&#8377;0.00</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',now()->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',now()->addDays(15)->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','Advance')===$type)>{{ $type }}</option>@endforeach</select></div>
   <div class="form-group"><label>Current Amount Paid <b>*</b></label><input id="amountPaid" type="number" name="amount_paid" value="{{ old('amount_paid',0) }}" min="0" step="0.01" required>@error('amount_paid')<p class="field-error">{{ $message }}</p>@enderror</div>
   <div class="form-group full-width"><label>Notes</label><textarea name="notes" rows="4" maxlength="2000" placeholder="Payment terms or invoice notes">{{ old('notes') }}</textarea></div>
  </div>
  <div class="form-actions"><a class="secondary-action" href="{{ route('admin.invoices.index') }}">Cancel</a><button class="primary-action">Create Invoice</button></div>
 </form>
</section></section>
@endsection
@push('scripts')<script src="{{ asset('js/searchable-select.js') }}"></script>@endpush
@push('scripts')<script>(()=>{
const q=document.getElementById('quotationSelect'),type=document.getElementById('paymentType'),paid=document.getElementById('amountPaid');

// Initialize searchable dropdowns
SearchableSelect.init(q,{placeholder:'Search or select quotation...'});
SearchableSelect.init(type,{placeholder:'Select payment type...'});

function calc(){const o=q.selectedOptions[0],total=parseFloat(o?.dataset.total)||0,previous=parseFloat(o?.dataset.previous)||0,remaining=Math.max(0,total-previous);if(type.value==='Full Payment'){paid.value=remaining.toFixed(2);paid.readOnly=true}else paid.readOnly=false;const current=Math.min(parseFloat(paid.value)||0,remaining);document.getElementById('invoiceTotal').textContent='₹'+total.toFixed(2);document.getElementById('previousPaid').textContent='₹'+previous.toFixed(2);document.getElementById('paidPreview').textContent='₹'+current.toFixed(2);document.getElementById('balancePreview').textContent='₹'+Math.max(0,remaining-current).toFixed(2);paid.max=remaining}q.addEventListener('change',calc);type.addEventListener('change',calc);paid.addEventListener('input',calc);calc()})();</script>@endpush