@extends('layouts.app')
@section('title','Paiement — Conditions générales - 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">Paiement</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ url('/') }}">Accueil</a></li>
                                <li class="breadcrumb-item"><a href="{{ route('devis') }}">Devis</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Conditions générales</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">Paiement de votre contrat — Conditions générales</h1>

            @if(session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif

            {{-- Récap simple --}}
            <div class="mb-4">
                <p class="mb-1"><strong>Demande n° :</strong> {{ $demande->pk_demande }}</p>
                <p class="mb-1"><strong>Nom :</strong> {{ $demande->nom }} {{ $demande->prenom }}</p>
                <p class="mb-1"><strong>Email :</strong> {{ $demande->email }}</p>
                <p class="mb-1"><strong>Montant :</strong> {{ number_format((float)$demande->montantcotisation, 2, ',', ' ') }} €</p>
            </div>

            <p>Pour pouvoir procéder au paiement de votre contrat, merci d’accepter les conditions générales :</p>

            <div class="border rounded p-3 mb-3" style="max-height: 380px; overflow:auto;">
                @include('partials.devis-cgv')
                @include('partials.devis-cgv-contrat')
            </div>

            <form method="POST" action="{{ route('souscription.cgv.validate', $demande->pk_demande) }}" id="formCgv">
                @csrf
                <div class="form-check my-3">
                    <input class="form-check-input" type="checkbox" id="cgv" name="cgv" value="1">
                    <label class="form-check-label" for="cgv">
                        J’accepte les conditions générales du contrat et les conditions générales de vente d’Equitassistance.
                    </label>
                    @error('cgv')
                    <div class="text-danger small mt-1">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row g-3">
                    <div class="col-sm-6">
                        <a href="{{ route('devis') }}" class="btn-default btn-highlighted">Retour</a>
                    </div>
                    <div class="col-sm-6">
                        <button type="submit" id="btnPayer" class="btn-default" disabled>
                            Passer au paiement
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        const cgv = document.getElementById('cgv');
        const btn = document.getElementById('btnPayer');
        cgv.addEventListener('change', ()=> {
            btn.disabled = !cgv.checked;
        });
    </script>
@endpush