@extends('layouts.app')
@section('title',$invoice->exists ? 'Edit invoice':'New pro forma')
@section('heading',$invoice->exists ? 'Edit pro forma':'New pro forma')
@section('content')
<div class="breadcrumb-line"><a href="{{ route('invoices.index') }}">Invoices</a><i class="bi bi-chevron-right"></i><span>{{ $invoice->exists ? $invoice->invoice_number : 'New pro forma' }}</span></div>
<form method="POST" action="{{ $invoice->exists ? route('invoices.update',$invoice):route('invoices.store') }}">@csrf @if($invoice->exists)@method('PUT')@endif
<div class="form-shell mb-4"><div class="form-shell-header"><span class="section-icon"><i class="bi bi-receipt"></i></span><div><h2>Invoice information</h2><p>Customer, project, ownership, and dates.</p></div></div><div class="form-shell-body"><div class="row g-4">
    <div class="col-md-4"><label class="form-label" for="invoice_number">Invoice number *</label><input class="form-control" id="invoice_number" name="invoice_number" value="{{ old('invoice_number',$invoice->invoice_number) }}" required placeholder="PF-2026-0001"></div>
    <div class="col-md-8"><label class="form-label" for="customer_id">Customer *</label><select class="form-select" id="customer_id" name="customer_id" required><option value="">Select customer</option>@foreach($customers as $customer)<option value="{{ $customer->id }}" @selected((string)old('customer_id',$invoice->customer_id ?? request('customer_id'))===(string)$customer->id)>{{ $customer->company_name }} ({{ $customer->code }})</option>@endforeach</select></div>
    <div class="col-12"><label class="form-label" for="description">Description or project name *</label><input class="form-control" id="description" name="description" value="{{ old('description',$invoice->description) }}" required></div>
    <div class="col-md-4"><label class="form-label" for="invoice_date">Invoice date *</label><input class="form-control" id="invoice_date" name="invoice_date" type="date" value="{{ old('invoice_date',$invoice->invoice_date?->format('Y-m-d')) }}" required></div>
    <div class="col-md-4"><label class="form-label" for="expiry_date">Expiry date</label><input class="form-control" id="expiry_date" name="expiry_date" type="date" value="{{ old('expiry_date',$invoice->expiry_date?->format('Y-m-d')) }}"></div>
    <div class="col-md-4"><label class="form-label" for="assigned_to">Assigned employee *</label><select class="form-select" id="assigned_to" name="assigned_to" required><option value="">Select owner</option>@foreach($employees as $employee)<option value="{{ $employee->id }}" @selected((string)old('assigned_to',$invoice->assigned_to ?? auth()->id())===(string)$employee->id)>{{ $employee->name }}</option>@endforeach</select></div>
</div></div></div>
<div class="form-shell mb-4"><div class="form-shell-header"><span class="section-icon"><i class="bi bi-cash-stack"></i></span><div><h2>Value and collection dates</h2><p>Total is calculated from subtotal plus tax.</p></div></div><div class="form-shell-body"><div class="row g-4">
    <div class="col-md-3"><label class="form-label" for="currency">Currency *</label><select class="form-select" id="currency" name="currency">@foreach(['LKR','USD','EUR','GBP'] as $currency)<option value="{{ $currency }}" @selected(old('currency',$invoice->currency ?? 'LKR')===$currency)>{{ $currency }}</option>@endforeach</select></div>
    <div class="col-md-3"><label class="form-label" for="subtotal">Subtotal *</label><input class="form-control amount-input" id="subtotal" name="subtotal" type="number" min="0" step="0.01" value="{{ old('subtotal',$invoice->subtotal) }}" required></div>
    <div class="col-md-3"><label class="form-label" for="tax_amount">Tax amount *</label><input class="form-control amount-input" id="tax_amount" name="tax_amount" type="number" min="0" step="0.01" value="{{ old('tax_amount',$invoice->tax_amount ?? 0) }}" required></div>
    <div class="col-md-3"><label class="form-label">Calculated total</label><div class="calculated-total" id="calculatedTotal">{{ $invoice->currency ?? 'LKR' }} {{ number_format((float)($invoice->total_amount ?? 0),2) }}</div></div>
    <div class="col-md-4"><label class="form-label" for="expected_payment_date">Expected payment date</label><input class="form-control" id="expected_payment_date" name="expected_payment_date" type="date" value="{{ old('expected_payment_date',$invoice->expected_payment_date?->format('Y-m-d')) }}"></div>
    <div class="col-md-4"><label class="form-label" for="promised_payment_date">Promised payment date</label><input class="form-control" id="promised_payment_date" name="promised_payment_date" type="date" value="{{ old('promised_payment_date',$invoice->promised_payment_date?->format('Y-m-d')) }}"></div>
    <div class="col-md-4"><label class="form-label" for="next_followup_date">Next follow-up date</label><input class="form-control" id="next_followup_date" name="next_followup_date" type="date" value="{{ old('next_followup_date',$invoice->next_followup_date?->format('Y-m-d')) }}"></div>
    <div class="col-md-6"><label class="form-label" for="status">Status *</label><select class="form-select" id="status" name="status">@foreach($statuses as $status)<option value="{{ $status->value }}" @selected(old('status',$invoice->status?->value ?? 'draft')===$status->value)>{{ $status->label() }}</option>@endforeach</select></div>
    <div class="col-md-6"><label class="form-label" for="tax_invoice_reference">Tax invoice reference</label><input class="form-control" id="tax_invoice_reference" name="tax_invoice_reference" value="{{ old('tax_invoice_reference',$invoice->tax_invoice_reference) }}"></div>
    <div class="col-12"><label class="form-label" for="internal_notes">Internal notes</label><textarea class="form-control" id="internal_notes" name="internal_notes" rows="3">{{ old('internal_notes',$invoice->internal_notes) }}</textarea></div>
</div></div><div class="form-shell-footer"><a class="btn btn-light" href="{{ $invoice->exists ? route('invoices.show',$invoice):route('invoices.index') }}">Cancel</a><button class="btn btn-primary"><i class="bi bi-check2 me-2"></i>{{ $invoice->exists ? 'Save changes':'Create invoice' }}</button></div></div></form>
@push('scripts')<script>const updateTotal=()=>{const subtotal=parseFloat(document.getElementById('subtotal').value)||0;const tax=parseFloat(document.getElementById('tax_amount').value)||0;const currency=document.getElementById('currency').value;document.getElementById('calculatedTotal').textContent=currency+' '+(subtotal+tax).toLocaleString(undefined,{minimumFractionDigits:2,maximumFractionDigits:2});};document.querySelectorAll('.amount-input,#currency').forEach(el=>el.addEventListener('input',updateTotal));</script>@endpush
@endsection