{{-- resources/views/devis/step2.blade.php --}}
@extends('layouts.app')
@section('title','Finalisation du devis - EquitAssistance')
@section('robots','noindex,nofollow')

@section('content')
    <div class="page-header parallaxie">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="page-header-box">
                        <h1 class="" data-cursor="-opaque">Devis</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ url('/') }}">Accueil</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Devis</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-contact-us">
        <div class="container py-4 contact-us-form wow fadeInUp">
            <h1 class="mb-3">Devis en ligne — Etape 2</h1>

            {{-- Récap rapide --}}
            <div>
                <p class="mb-1"><strong>Nom :</strong> {{ $data['nom'] }} {{ $data['prenom'] }}</p>
                <p class="mb-1"><strong>Email :</strong> {{ $data['email'] }}</p>
                <p class="mb-1"><strong>Garantie :</strong> n°{{ $data['garantie'] }}</p>
                @if(($data['garantie'] ?? null) == 3)
                    <p class="mb-1"><strong>Places :</strong> {{ $data['nombre_de_chevaux_3'] ?? '—' }}</p>
                @endif

                @if(($data['garantie'] ?? null) == 4)
                    <p class="mb-1"><strong>Places :</strong> {{ $data['nombre_de_chevaux_4'] ?? '—' }}</p>
                @endif

                @if(!empty($data['optionlocation'])) <p><strong>Option location :</strong> Oui</p> @endif
            </div>

            <hr class="my-4">

            <form method="POST" action="{{ route('devis.finalize') }}" class="contact-form" id="formFinal">
                @csrf

                {{-- Repasser toutes les infos de l’étape 1 --}}
                @foreach($data as $k => $v)
                    @if(is_scalar($v))
                        <input type="hidden" name="{{ $k }}" value="{{ $v }}">
                    @endif
                @endforeach

                @switch((int)$data['garantie'])
                    {{-- GARANTIE 1 : Cheval transporté --}}
                    @case(1)
                        <div class="row">
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">Nom du cheval</label>
                                <input type="text" name="nom_cheval" class="form-control" value="{{ old('nom_cheval') }}" placeholder="Nom du cheval">
                                @error('nom_cheval')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">N° SIRE</label>
                                <input type="text" name="sire_cheval" class="form-control" value="{{ old('sire_cheval') }}" placeholder="Numéro SIRE">
                                @error('sire_cheval')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">Race du cheval</label>
                                <input type="text" name="race" class="form-control" value="{{ old('race') }}" placeholder="Race du cheval">
                                @error('race')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">Nom du propriétaire</label>
                                <input type="text" name="proprietaire_cheval" class="form-control" value="{{ old('proprietaire_cheval') }}" placeholder="Nom du propriétaire">
                                @error('proprietaire_cheval')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        @break

                        {{-- GARANTIE 2 : Van / VL (max 2 places) --}}
                    @case(2)
                        <div class="row">
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">Marque du véhicule</label>
                                <input type="text" name="marque_van" class="form-control" value="{{ old('marque_van') }}" placeholder="Marque du véhicule">
                                @error('marque_van')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">N° immatriculation</label>
                                <input type="text" name="numero_immatriculation_van" class="form-control" value="{{ old('numero_immatriculation_van') }}" placeholder="Immatriculation">
                                @error('numero_immatriculation_van')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">Type de véhicule</label>
                                <input type="text" name="type_van" class="form-control" value="{{ old('type_van') }}" placeholder="Type de véhicule">
                                @error('type_van')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">Date d’achat ou de livraison ou date de garantie souhaitée</label>
                                <input type="date" name="date_achat" class="form-control" value="{{ old('date_achat') }}">
                                @error('date_achat')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        @break

                        {{-- GARANTIE 3 : Camion / Remorque (3 places et +) --}}
                    @case(3)
                        <div class="row">
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">Marque du véhicule</label>
                                <input type="text" name="marque_camion" class="form-control" value="{{ old('marque_camion') }}" placeholder="Marque du véhicule">
                                @error('marque_camion')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">N° immatriculation</label>
                                <input type="text" name="immatriculation_camion" class="form-control" value="{{ old('immatriculation_camion') }}" placeholder="Immatriculation">
                                @error('immatriculation_camion')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">Type de véhicule</label>
                                <input type="text" name="type_camion" class="form-control" value="{{ old('type_camion') }}" placeholder="Type de véhicule">
                                @error('type_camion')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-3 mb-4">
                                <label class="form-label">Date d’achat ou de livraison ou date de garantie souhaitée</label>
                                <input type="date" name="date_achat" class="form-control" value="{{ old('date_achat') }}">
                                @error('date_achat')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-3 mb-4">
                                <label class="form-label">Mise en circulation</label>
                                <input type="date" name="date_mise_circulation" class="form-control" value="{{ old('date_mise_circulation') }}">
                                @error('date_mise_circulation')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        @break

                        {{-- GARANTIE 4 : PL / Semi / Remorque --}}
                    @case(4)
                        <div class="row">
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">Marque du véhicule</label>
                                <input type="text" name="marque_camion" class="form-control" value="{{ old('marque_camion') }}" placeholder="Marque du véhicule">
                                @error('marque_camion')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">N° immatriculation</label>
                                <input type="text" name="immatriculation_camion" class="form-control" value="{{ old('immatriculation_camion') }}" placeholder="N° Immatriculation">
                                @error('immatriculation_camion')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-6 mb-4">
                                <label class="form-label">Type de véhicule</label>
                                <input type="text" name="type_camion" class="form-control" value="{{ old('type_camion') }}" placeholder="Type de véhicule">
                                @error('type_camion')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-3 mb-4">
                                <label class="form-label">Date d’achat</label>
                                <input type="date" name="date_achat" class="form-control" value="{{ old('date_achat') }}">
                                @error('date_achat')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group col-md-3 mb-4">
                                <label class="form-label">Mise en circulation</label>
                                <input type="date" name="date_mise_circulation" class="form-control" value="{{ old('date_mise_circulation') }}">
                                @error('date_mise_circulation')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        @break
                @endswitch

                {{-- Zone 2 --}}
                <div class="form-check mb-4">
                    <input class="form-check-input" type="checkbox" id="zone2visu">
                    <label class="form-check-label" for="zone2visu">
                        <strong>Zone 2</strong> — France pays limitrophes + Pays-Bas + Portugal + Royaume-Uni + Corse
                    </label>
                </div>
                <input type="hidden" name="zone2" id="zone2" value="0">

                {{-- Code promo --}}
                <div class="mb-4">
                    <label class="form-label d-block">Code promo (optionnel)</label>
                    <div class="input-group" style="max-width:420px">
                        <input type="text" name="codepromo" id="codepromo" class="form-control py-3" value="{{ $data['codepromo'] ?? '' }}">
                        <button type="button" id="applyPromoBtn" class="btn btn-outline-secondary not-rounded">Appliquer</button>
                    </div>
                    <div id="promoMsg" class="small mt-1"></div>
                </div>

                {{-- Montant dynamique --}}
                <div id="retourzone2" class="small text-muted mb-2"></div>
                <div class="p-3 border mb-4">
                    <strong>Montant de la cotisation :</strong>
                    <span id="montant_garantie_total">{{ number_format($montant, 2, ',', ' ') }}€</span>
                </div>

                {{-- Champs cachés nécessaires au recalcul/submit --}}
                <input type="hidden" name="garantie" value="{{ $data['garantie'] }}">
                <input type="hidden" name="status" value="{{ $data['status'] }}">
                <input type="hidden" name="nombre_de_chevaux_3" value="{{ $data['nombre_de_chevaux_3'] ?? '' }}">
                <input type="hidden" name="nombre_de_chevaux_4" value="{{ $data['nombre_de_chevaux_4'] ?? '' }}">
                <input type="hidden" name="optionlocation" value="{{ !empty($data['optionlocation']) ? 1 : 0 }}">

                <input type="hidden" name="typedl" id="typedl" value="">

                <div class="row g-3">
                    <div class="col-sm-6">
                        <button type="button" class="btn-default" onclick="validDlDevis(2)">Recevoir mon devis par email</button>
                    </div>
                    <div class="col-sm-6">
                        <button type="button" class="btn-default" onclick="validDlDevis(1)">Souscrire et payer en ligne</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        const form = document.getElementById('formFinal');
        const zone2Visu = document.getElementById('zone2visu');
        const zone2Hidden = document.getElementById('zone2');
        const montantEl = document.getElementById('montant_garantie_total');
        const retourEl = document.getElementById('retourzone2');
        const promoInput = document.getElementById('codepromo');
        const promoBtn = document.getElementById('applyPromoBtn');
        const promoMsg = document.getElementById('promoMsg');

        function setLoading(isLoading, msg = 'Recalcul en cours…') {
            retourEl.textContent = isLoading ? msg : '';
            promoBtn?.toggleAttribute('disabled', isLoading);
            promoInput?.toggleAttribute('disabled', isLoading);
        }

        function recalc(origin = 'auto') {
            setLoading(true, origin === 'promo' ? 'Vérification du code promo…' : 'Recalcul en cours…');

            const fd = new FormData(form);
            const payload = {
                garantie: fd.get('garantie'),
                zone2: zone2Hidden.value,
                codepromo: promoInput?.value?.trim() || '',
                nombre_de_chevaux_3: fd.get('nombre_de_chevaux_3') || '',
                nombre_de_chevaux_4: fd.get('nombre_de_chevaux_4') || '',
                status: fd.get('status'),
                optionlocation: fd.get('optionlocation')
            };

            fetch('{{ route('devis.tarif') }}', {
                method: 'POST',
                headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}', 'Accept': 'application/json'},
                body: new URLSearchParams(payload)
            })
                .then(r => r.json())
                .then(json => {
                    if (json.ok) {
                        montantEl.textContent = json.montant;
                        if (typeof json.promo_applied !== 'undefined') {
                            if (json.promo_applied) {
                                promoMsg.textContent = json.promo_message || 'Code promo appliqué.';
                                promoMsg.className = 'small mt-1 text-success';
                            } else if (payload.codepromo !== '' || !json.promo_applied) {
                                promoMsg.textContent = json.error || 'Code promo invalide ou non applicable.';
                                promoMsg.className = 'small mt-1 text-danger';
                            } else {
                                promoMsg.textContent = '';
                                promoMsg.className = 'small mt-1';
                            }
                        }
                        retourEl.textContent = '';
                    } else {
                        retourEl.textContent = 'Erreur de recalcul.';
                    }
                })
                .catch(() => {
                    retourEl.textContent = 'Erreur réseau.';
                })
                .finally(() => setLoading(false));
        }

        // Zone 2 -> recalcul immédiat
        zone2Visu.addEventListener('change', () => {
            zone2Hidden.value = zone2Visu.checked ? '1' : '0';
            recalc('zone2');
        });

        // Bouton "Appliquer" pour le code promo
        promoBtn.addEventListener('click', () => recalc('promo'));

        // Touche Enter dans le champ code promo déclenche aussi l’appliquer
        promoInput.addEventListener('keydown', (e) => {
            if (e.key === 'Enter') {
                e.preventDefault();
                recalc('promo');
            }
        });

        function validDlDevis(type) {
            document.getElementById('typedl').value = String(type);
            form.submit();
        }
        window.validDlDevis = validDlDevis;
    </script>
@endpush