@extends('layouts.app')
@section('title',$invoice->number)
@section('heading',$invoice->number)
@section('subheading',$invoice->client?->company)
@section('actions')
    <x-badge :status="$invoice->isOverdue()?'retard':$invoice->status" />
    <x-btn variant="secondary" :href="route('invoices.pdf',$invoice)" target="_blank">📄 PDF</x-btn>
    <form method="POST" action="{{ route('invoices.send',$invoice) }}">@csrf<x-btn type="submit">📧 Envoyer par email</x-btn></form>
    @if($invoice->status==='brouillon')
        <form method="POST" action="{{ route('invoices.mark-sent',$invoice) }}">@csrf<x-btn variant="secondary" type="submit">✓ Marquer comme envoyée</x-btn></form>
        <x-btn variant="secondary" :href="route('invoices.edit',$invoice)">✏️ Modifier</x-btn>
    @endif
    @if($invoice->isOverdue())<form method="POST" action="{{ route('invoices.remind',$invoice) }}">@csrf<x-btn variant="secondary" type="submit">🔔 Relancer</x-btn></form>@endif
    @if($invoice->type!=='avoir')<form method="POST" action="{{ route('invoices.credit',$invoice) }}">@csrf<x-btn variant="secondary" type="submit">↩️ Avoir</x-btn></form>@endif
@endsection
@section('content')
<div class="grid lg:grid-cols-3 gap-6">
    <div class="lg:col-span-2">
        <x-card :padded="false">
            <div class="p-6 border-b flex justify-between">
                <div>@if(logo_url())<img src="{{ logo_url() }}" alt="Logo" class="max-h-24 max-w-[300px] object-contain mb-2">@endif<div class="text-xl font-bold">{{ setting('company_name','Voryntel') }}</div><div class="text-xs text-slate-400">{{ setting('company_address') }}</div><div class="text-xs text-slate-400">TVA {{ setting('company_vat') }}</div></div>
                <div class="text-right"><div class="text-lg font-bold uppercase">{{ $invoice->type }}</div><div class="font-mono text-sm">{{ $invoice->number }}</div><div class="text-xs text-slate-400">{{ $invoice->date?->format('d/m/Y') }}</div></div>
            </div>
            <div class="px-6 py-3 text-sm"><span class="text-xs text-slate-400">FACTURÉ À</span><div class="font-semibold">{{ $invoice->client?->company }}</div><div class="text-slate-500">{{ $invoice->client?->address }} {{ $invoice->client?->city }}</div></div>
            <table class="w-full text-sm">
                <thead class="bg-slate-50 text-slate-500 text-xs text-left"><tr><th class="px-6 py-2 font-medium">Description</th><th class="px-2 py-2 font-medium text-right">Qté</th><th class="px-2 py-2 font-medium text-right">PU HT</th><th class="px-2 py-2 font-medium text-right">TVA</th><th class="px-6 py-2 font-medium text-right">Total HT</th></tr></thead>
                <tbody class="divide-y divide-slate-50">
                    @foreach($invoice->lines as $l)<tr><td class="px-6 py-2">{{ $l->description }}</td><td class="px-2 py-2 text-right">{{ rtrim(rtrim(number_format($l->quantity,2,',',' '),'0'),',') }}</td><td class="px-2 py-2 text-right">{{ eur($l->unit_price) }}</td><td class="px-2 py-2 text-right">{{ $l->vat_rate }}%</td><td class="px-6 py-2 text-right font-medium">{{ eur($l->total()) }}</td></tr>@endforeach
                </tbody>
            </table>
            <div class="p-6 flex justify-end"><div class="w-64 space-y-1 text-sm">
                <div class="flex justify-between"><span class="text-slate-500">Sous-total HT</span><span>{{ eur($invoice->subtotal) }}</span></div>
                <div class="flex justify-between"><span class="text-slate-500">TVA</span><span>{{ eur($invoice->vat_amount) }}</span></div>
                <div class="flex justify-between text-lg font-bold border-t pt-1 text-brand-700"><span>Total TTC</span><span>{{ eur($invoice->total) }}</span></div>
                <div class="flex justify-between text-emerald-600"><span>{{ $invoice->isCreditNote()?'Remboursé':'Payé' }}</span><span>{{ eur($invoice->paid_amount) }}</span></div>
                <div class="flex justify-between font-semibold {{ $invoice->amountDue()>0?'text-rose-600':'' }}"><span>{{ $invoice->isCreditNote()?'Reste à rembourser':'Reste dû' }}</span><span>{{ eur($invoice->balance()) }}</span></div>
            </div></div>
            @if($invoice->notes)<div class="px-6 pb-6 text-xs text-slate-400 border-t pt-3">{{ $invoice->notes }}</div>@endif
        </x-card>
    </div>
    <div class="space-y-6">
        <x-card :title="$invoice->isCreditNote()?'Remboursements':'Paiements'">
            @forelse($invoice->payments as $p)
                <div class="flex justify-between py-1.5 border-b border-slate-50 text-sm"><span>{{ $p->date?->format('d/m/Y') }} · {{ $p->method }}</span><span class="font-semibold {{ $p->amount<0?'text-rose-600':'text-emerald-600' }}">{{ eur($p->amount) }}</span></div>
            @empty <p class="text-sm text-slate-400 mb-2">{{ $invoice->isCreditNote()?'Aucun remboursement.':'Aucun paiement.' }}</p> @endforelse
            @if($invoice->amountDue()>0 && $invoice->status!=='brouillon')
            <form method="POST" action="{{ route('invoices.payment',$invoice) }}" class="mt-3 space-y-2 pt-3 border-t">@csrf
                <div class="flex gap-2"><input name="amount" type="number" step="0.01" min="0.01" value="{{ $invoice->amountDue() }}" class="w-28 rounded-lg border border-slate-300 px-3 py-2 text-sm"><select name="method" class="flex-1 rounded-lg border border-slate-300 px-3 py-2 text-sm">@foreach(['virement','cb','cheque','prelevement','especes'] as $m)<option>{{ $m }}</option>@endforeach</select></div>
                <x-btn type="submit" class="w-full justify-center">{{ $invoice->isCreditNote()?'💸 Enregistrer le remboursement':'💶 Enregistrer le paiement' }}</x-btn>
            </form>
            @endif
        </x-card>
        <x-card title="Liens">
            <div class="space-y-1 text-sm">
                @if($invoice->quote)<a href="{{ route('quotes.show',$invoice->quote) }}" class="block text-brand-600 hover:underline">📄 Devis {{ $invoice->quote->number }}</a>@endif
                @if($invoice->contract)<a href="{{ route('contracts.show',$invoice->contract) }}" class="block text-brand-600 hover:underline">📋 Contrat {{ $invoice->contract->number }}</a>@endif
                <a href="{{ route('clients.show',$invoice->client) }}" class="block text-brand-600 hover:underline">🏢 {{ $invoice->client?->company }}</a>
            </div>
        </x-card>
    </div>
</div>
@endsection