@extends('layouts.app')
@section('title', $invoice->exists ? 'Modifier facture' : 'Nouvelle facture')
@section('heading', $invoice->exists ? 'Modifier '.$invoice->number : 'Nouvelle facture')
@section('content')
@php $existing = $invoice->exists ? $invoice->lines->map(fn($l)=>['description'=>$l->description,'quantity'=>(float)$l->quantity,'unit_price'=>(float)$l->unit_price,'vat_rate'=>(float)$l->vat_rate])->values() : collect([['description'=>'','quantity'=>1,'unit_price'=>0,'vat_rate'=>20]]); @endphp
<form method="POST" action="{{ $invoice->exists ? route('invoices.update',$invoice) : route('invoices.store') }}" class="w-full"
      x-data="{lines: {{ Illuminate\Support\Js::from($existing) }}, fmt(n){return (n||0).toLocaleString('fr-FR',{minimumFractionDigits:2})+' €'}, get ttc(){return this.lines.reduce((a,l)=>a+l.quantity*l.unit_price*(1+l.vat_rate/100),0)}}">
    @csrf @if($invoice->exists)@method('PUT')@endif
    <x-card>
        <div class="grid grid-cols-3 gap-3 mb-4">
            <label class="text-sm block">Client *<select name="client_id" required class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"><option value="">—</option>@foreach($clients as $c)<option value="{{ $c->id }}" @selected($invoice->client_id==$c->id)>{{ $c->company }}</option>@endforeach</select></label>
            <label class="text-sm block">Type<select name="type" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">@foreach(['facture','acompte','avoir'] as $t)<option @selected($invoice->type==$t)>{{ $t }}</option>@endforeach</select></label>
            @include('partials.field',['name'=>'date','label'=>'Date *','type'=>'date','value'=>optional($invoice->date)->format('Y-m-d') ?? now()->format('Y-m-d')])
        </div>
        @include('partials.field',['name'=>'due_date','label'=>'Échéance','type'=>'date','value'=>optional($invoice->due_date)->format('Y-m-d')])
        <div class="mt-4">
            <template x-for="(line,i) in lines" :key="i">
                <div class="grid grid-cols-12 gap-2 mb-2">
                    <input :name="`lines[${i}][description]`" x-model="line.description" placeholder="Description" class="col-span-6 rounded-lg border border-slate-300 px-2 py-1.5 text-xs">
                    <input type="number" step="0.5" :name="`lines[${i}][quantity]`" x-model.number="line.quantity" class="col-span-1 rounded-lg border border-slate-300 px-2 py-1.5 text-xs text-right">
                    <input type="number" step="0.01" :name="`lines[${i}][unit_price]`" x-model.number="line.unit_price" class="col-span-2 rounded-lg border border-slate-300 px-2 py-1.5 text-xs text-right">
                    <input type="number" :name="`lines[${i}][vat_rate]`" x-model.number="line.vat_rate" class="col-span-1 rounded-lg border border-slate-300 px-2 py-1.5 text-xs text-right">
                    <div class="col-span-1 text-right text-xs font-semibold self-center" x-text="fmt(line.quantity*line.unit_price)"></div>
                    <button type="button" @click="lines.splice(i,1)" class="col-span-1 text-rose-400">✕</button>
                </div>
            </template>
            <button type="button" @click="lines.push({description:'',quantity:1,unit_price:0,vat_rate:20})" class="text-sm text-brand-600 hover:underline">+ Ligne</button>
            <div class="text-right text-lg font-bold text-brand-700 mt-3">Total TTC : <span x-text="fmt(ttc)"></span></div>
        </div>
        <label class="text-sm block mt-3">Notes<textarea name="notes" rows="2" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">{{ old('notes',$invoice->notes) }}</textarea></label>
    </x-card>
    <div class="mt-6 flex gap-2"><x-btn type="submit">💾 Enregistrer</x-btn><x-btn variant="secondary" :href="route('invoices.index')">Annuler</x-btn></div>
</form>
@endsection