@extends('layouts.app')
@section('title', $quote->number)
@section('heading', $quote->number)
@section('subheading', ($quote->client?->company ?: $quote->prospect?->company ?: $quote->prospect?->fullName()).' · '.$quote->title)
@section('actions')
    <x-badge :status="$quote->status" />
    <x-btn variant="secondary" :href="route('quotes.pdf',$quote)" target="_blank">📄 PDF</x-btn>
    <form method="POST" action="{{ route('quotes.send',$quote) }}">@csrf<x-btn type="submit">📧 Envoyer par email</x-btn></form>
    @if($quote->status==='brouillon')
        <form method="POST" action="{{ route('quotes.mark-sent',$quote) }}">@csrf<x-btn variant="secondary" type="submit">✓ Marquer comme envoyé</x-btn></form>
        <x-btn variant="secondary" :href="route('quotes.edit',$quote)">✏️ Modifier</x-btn>
    @endif
    @if(in_array($quote->status,['brouillon','envoye']))
        <form method="POST" action="{{ route('quotes.accept',$quote) }}" onsubmit="return confirm('Accepter ce devis ? Cela génère automatiquement le contrat, l\'OF et la facture d\'acompte.')">@csrf
            <input type="hidden" name="signature_name" value="Validation interne">
            <x-btn type="submit">✅ Accepter</x-btn>
        </form>
        <form method="POST" action="{{ route('quotes.refuse',$quote) }}">@csrf<x-btn variant="secondary" type="submit">✕ Refuser</x-btn></form>
    @endif
    <form method="POST" action="{{ route('quotes.duplicate',$quote) }}">@csrf<x-btn variant="secondary" type="submit">⧉ Dupliquer</x-btn></form>
@endsection
@section('content')
@if($quote->status==='accepte')
    <div class="mb-4 rounded-lg bg-emerald-50 border border-emerald-200 text-emerald-800 px-4 py-3 text-sm flex items-center gap-2">
        ✅ Devis accepté le {{ $quote->accepted_at?->format('d/m/Y') }}@if($quote->signature_name && $quote->signature_name !== 'Validation interne') — signé par {{ $quote->signature_name }}@endif
        <form method="POST" action="{{ route('quotes.invoice',$quote) }}" class="ml-auto">@csrf<x-btn type="submit" variant="secondary">Générer une facture</x-btn></form>
    </div>
@endif
<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">
                <div class="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-2xl font-bold text-slate-900">{{ setting('company_name','Voryntel') }}</div>
                        <div class="text-xs text-slate-400">{{ setting('company_address') }}</div>
                    </div>
                    <div class="text-right">
                        <div class="text-lg font-bold">DEVIS</div>
                        <div class="text-sm font-mono">{{ $quote->number }}</div>
                        <div class="text-xs text-slate-400">{{ $quote->date?->format('d/m/Y') }}</div>
                    </div>
                </div>
                <div class="mt-4 text-sm">
                    @if($quote->prospect_id && !$quote->client_id)
                        <div class="text-slate-400 text-xs">PROSPECT</div>
                        <div class="font-semibold">{{ $quote->prospect?->company ?: $quote->prospect?->fullName() }}</div>
                        <div class="text-slate-500">{{ $quote->prospect?->address }} {{ $quote->prospect?->city }}</div>
                    @else
                        <div class="text-slate-400 text-xs">CLIENT</div>
                        <div class="font-semibold">{{ $quote->client?->company }}</div>
                        <div class="text-slate-500">{{ $quote->client?->address }} {{ $quote->client?->city }}</div>
                    @endif
                </div>
            </div>
            <table class="w-full text-sm">
                <thead class="bg-slate-50 text-slate-500 text-left text-xs"><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($quote->lines as $l)
                        <tr class="{{ $l->is_option ? 'text-slate-400 italic' : '' }}">
                            <td class="px-6 py-2">{{ $l->description }} @if($l->is_option)<span class="text-[10px] bg-slate-100 px-1 rounded">option</span>@endif</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($quote->subtotal) }}</span></div>
                    @if($quote->discount_amount>0)<div class="flex justify-between text-slate-500"><span>Remise {{ $quote->discount_rate }}%</span><span>- {{ eur($quote->discount_amount) }}</span></div>@endif
                    <div class="flex justify-between"><span class="text-slate-500">TVA</span><span>{{ eur($quote->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($quote->total) }}</span></div>
                </div>
            </div>
            @if($quote->terms)<div class="px-6 pb-6 text-xs text-slate-400 border-t pt-3">{{ $quote->terms }}</div>@endif
        </x-card>
    </div>
    <div class="space-y-6">
        <x-card title="Détails">
            <dl class="space-y-2 text-sm">
                <div class="flex justify-between py-1"><dt class="text-slate-400">Statut</dt><dd><x-badge :status="$quote->status" :label="$quote->status" /></dd></div>
                <div class="flex justify-between py-1"><dt class="text-slate-400">Commercial</dt><dd>{{ $quote->commercial?->name }}</dd></div>
                <div class="flex justify-between py-1"><dt class="text-slate-400">Validité</dt><dd>{{ optional($quote->valid_until)->format('d/m/Y') }}</dd></div>
                <div class="flex justify-between py-1"><dt class="text-slate-400">Version</dt><dd>v{{ $quote->version }}</dd></div>
                @if($quote->sent_at)<div class="flex justify-between py-1"><dt class="text-slate-400">Envoyé</dt><dd>{{ $quote->sent_at->format('d/m/Y') }}</dd></div>@endif
            </dl>
        </x-card>
        @if($quote->status==='envoye' && $quote->acceptance_token)
        <x-card title="Acceptation en ligne">
            <p class="text-xs text-slate-500 mb-2">Le client peut accepter et signer via son portail.</p>
            <code class="text-xs bg-slate-50 p-2 rounded block break-all">{{ $quote->client?->email }}</code>
        </x-card>
        @endif
    </div>
</div>
@endsection