@php
    use App\Models\Country;
    $countries = Country::all();
@endphp
<div class="row">
    <form action="{{ route('workflow.informations.client') }}" method="POST">
        @csrf
        <input type="hidden" name="id_vente_workflow_instance_tache" value="{{ $tache['id_vente_workflow_instance_tache'] }}">
        <input type="hidden" name="option_id" value="{{ $option->id }}">
        <div class="col-12">
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_id_civilite">Civilité *</label>
                        <select name="client_id_civilite" class="form-select pt-1 pb-1" id="client_id_civilite" required onchange="if($(this).val() == 1 || $(this).val() == 2){$('#client_nom_jeune_fille').removeAttr('required')}else{$('#client_nom_jeune_fille').attr('required', 'required')}">
                            <option value="1">Mr</option>
                            <option value="2">Mme</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_nom">Nom *</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_nom" id="client_nom" value="@if(Auth::user()->lastname) {{ Auth::user()->lastname }} @endif" placeholder="Votre nom" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_nom_jeune_fille">Nom de jeune fille</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_nom_jeune_fille" id="client_nom_jeune_fille" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_prenom">Prénom *</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_prenom" id="client_prenom" value="@if(Auth::user()->firstname) {{ Auth::user()->firstname }} @endif" required>
                    </div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_date_de_naissance">Date de naissance *</label>
                        <input class="form-control pt-1 pb-1 datepicker" type="text" name="client_date_de_naissance" id="client_date_de_naissance" placeholder="JJ/MM/AAAA" value="" required>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_lieu_de_naissance">Lieu de naissance *</label>
                        <input class="form-control pt-1 pb-1" type="text" id="client_lieu_de_naissance" name="client_lieu_de_naissance" value="" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="client_id_pays_nationalite">Nationalité *</label>
                        <select name="client_id_pays_nationalite" id="client_id_pays_nationalite" class="form-select pt-1 pb-1" required>
                            @if ($countries)
                                @foreach ($countries as $country)
                                    <option value="{{ $country->id }}" @if($country->id == 75) selected @endif>{{ $country->nationality }}</option>
                                @endforeach
                            @endif
                        </select>					
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_profession">Profession *</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_profession" value="" id="client_profession" required>
                    </div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_adresse1">Adresse *</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_adresse1" value="" id="client_adresse1" required>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_adresse2">Complément</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_adresse2" value="" id="client_adresse2">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_code_postal">Code Postal *</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_code_postal" value="" id="client_code_postal" required>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_ville">Ville *</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_ville" value="" id="client_ville" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center"></div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_id_pays">Pays *</label>
                        <select class="form-select pt-1 pb-1" id="client_id_pays" name="client_id_pays" required>
                            @if ($countries)
                                @foreach ($countries as $country)
                                    @if($country->is_active === 1)
                                        <option value="{{ $country->id }}" @if($country->id == 75) selected @endif>{{ $country->name }}</option>
                                    @endif
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_telephone">Téléphone *</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_telephone" placeholder="06XXXXXXXX" value="@if(Auth::user()->phone) {{ Auth::user()->phone }} @endif" id="client_telephone" required>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_email">Email *</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_email" value="@if(Auth::user()->email) {{ Auth::user()->email }} @endif" id="client_email" required>
                    </div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_id_situation_matrimoniale">Situation matrimoniale *</label>
                        <select name="client_id_situation_matrimoniale" class="form-select pt-1 pb-1" id="client_id_situation_matrimoniale" required>
                            <option value='1'>célibataire</option>
                            <option value='4'>divorcé(e)</option>
                            <option value='2'>marié(e)</option>
                            <option value='5'>pacsé(e)</option>
                            <option value='3'>veuf,veuve</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_date_union">Date de mariage ou pacs</label>
                        <input class="form-control datepicker pt-1 pb-1" type="text" name="client_date_union" placeholder="JJ/MM/AAAA" value="" id="client_date_union">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_date_divorce">Date de divorce</label>
                        <input class="form-control datepicker pt-1 pb-1" type="text" name="client_date_divorce" placeholder="JJ/MM/AAAA" value="" id="client_date_divorce">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_lieu_union">Lieu de mariage ou pacs</label>
                        <input class="form-control pt-1 pb-1" type="text" name="client_lieu_union" value="" id="client_lieu_union">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="form-group">
                        <label for="client_id_regime_matrimonial">Régime matrimonial</label>
                        <select name="client_id_regime_matrimonial" class="form-control pt-1 pb-1" id="client_id_regime_matrimonial">
                            <option value=""></option>
                            <option value='2'>Communauté de meubles et acquêts</option>
                            <option value='1'>Communauté réduite aux acquêts</option>
                            <option value='3'>Communauté universelle</option>
                            <option value='4'>Participation aux acquêts</option>
                            <option value='5'>Séparation de biens</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-12 text-center">
                    <div class="border border-muted rounded pt-1 pb-1 ps-2 pe-2 d-inline-block">
                        <input class="form-check-input" type="checkbox" value="1" id="conjoint" name="conjoint" onclick="if($('#informations-conjoint').hasClass('show-info-conjoint')) { $('#informations-conjoint').slideUp(100); $('#informations-conjoint').removeClass('show-info-conjoint'); $('.required-conjoint').removeAttr('required') } else { $('#informations-conjoint').slideDown(200); $('#informations-conjoint').addClass('show-info-conjoint'); $('.required-conjoint').attr('required', 'required') }">
                        <label class="form-check-label" for="conjoint">
                            Achat avec conjoint
                        </label>
                      </div>
                </div>
            </div>
        </div>
        <div class=" col-12" id="informations-conjoint" style="display: none">
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_id_civilite">Civilité *</label>
                        <select name="conjoint_id_civilite" id="conjoint_id_civilite" class="form-control pt-1 pb-1 required-conjoint">
                            <option value="1">Mr</option>
                            <option value="2">Mme</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_nom">Nom *</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" type="text" name="conjoint_nom" id="conjoint_nom"  value="">
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="">Nom de jeune fille</label>
                        <input class="form-control pt-1 pb-1" type="text" name="conjoint_nom_jeune_fille" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_prenom">Prénom *</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_prenom" type="text" name="conjoint_prenom"  value="">
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_date_de_naissance">Date de naissance *</label>
                        <input class="form-control pt-1 pb-1 datepicker required-conjoint" id="conjoint_date_de_naissance" type="text" name="conjoint_date_de_naissance" placeholder="JJ/MM/AAAA" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_lieu_de_naissance">Lieu de naissance *</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_lieu_de_naissance" type="text" name="conjoint_lieu_de_naissance" value="">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_id_pays_nationalite">Nationalité *</label>
                        <select name="conjoint_id_pays_nationalite required-conjoint" id="conjoint_id_pays_nationalite" class="form-control pt-1 pb-1">
                            @if ($countries)
                                @foreach ($countries as $country)
                                    <option value="{{ $country->id }}" @if($country->id == 75) selected @endif>{{ $country->nationality }}</option>
                                @endforeach
                            @endif
                        </select>					
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_profession">Profession *</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_profession" type="text" name="conjoint_profession" value="">
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_adresse1 ">Adresse *</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_adresse1" type="text" name="conjoint_adresse1" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_adresse2">Complément</label>
                        <input class="form-control pt-1 pb-1" id="conjoint_adresse2" type="text" name="conjoint_adresse2" value="">
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_code_postal">Code Postal *</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_code_postal" type="text" name="conjoint_code_postal" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_ville">Ville *</label>
                        <input class="form-control pt-1 pb-1 required-conjoint" id="conjoint_ville" type="text" name="conjoint_ville" value="">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3 text-center"></div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_id_pays">Pays *</label>
                        <select class="form-control pt-1 pb-1 required-conjoint" id="pays" name="conjoint_id_pays">
                            @if ($countries)
                                @foreach ($countries as $country)
                                    @if($country->is_active === 1)
                                        <option value="{{ $country->id }}" @if($country->id == 75) selected @endif>{{ $country->name }}</option>
                                    @endif
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_telephone">Téléphone</label>
                        <input class="form-control pt-1 pb-1" id="conjoint_telephone" type="text" name="conjoint_telephone" placeholder="0612345678" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_email">Email</label>
                        <input class="form-control pt-1 pb-1" id="conjoint_email" type="text" name="conjoint_email" value="">
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_id_situation_matrimoniale">Situation matrimoniale</label>
                        <select name="conjoint_id_situation_matrimoniale" id="conjoint_id_situation_matrimoniale" class="form-control pt-1 pb-1">
                            <option value='1'>célibataire</option>
                            <option value='4'>divorcé(e)</option>
                            <option value='2'>marié(e)</option>
                            <option value='5'>pacsé(e)</option>
                            <option value='3'>veuf,veuve</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_date_union">Date de mariage ou pacs</label>
                        <input class="form-control pt-1 pb-1 datepicker" id="conjoint_date_union" type="text" name="conjoint_date_union" placeholder="JJ/MM/AAAA" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_date_divorce">Date de divorce</label>
                        <input class="form-control pt-1 pb-1 datepicker" id="conjoint_date_divorce" type="text" name="conjoint_date_divorce" placeholder="JJ/MM/AAAA" value="">
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_lieu_union">Lieu de mariage ou pacs</label>
                        <input class="form-control pt-1 pb-1" id="conjoint_lieu_union" type="text" name="conjoint_lieu_union" value="">
                    </div>
                </div>
                <div class="col-md-6 mb-3 text-center">
                    <div class="input">
                        <label for="conjoint_id_regime_matrimonial">Régime matrimonial</label>
                        <select name="conjoint_id_regime_matrimonial" id="conjoint_id_regime_matrimonial" class="form-control pt-1 pb-1">
                            <option value=""></option>
                            <option value='2'>Communauté de meubles et acquêts</option>
                            <option value='1'>Communauté réduite aux acquêts</option>
                            <option value='3'>Communauté universelle</option>
                            <option value='4'>Participation aux acquêts</option>
                            <option value='5'>Séparation de biens</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="row pt-5">
            <div class="col-12 mb-3 text-center">
                <span class="btn btn-primary btn-hover-primary cursor-pointer" onclick="modalConfirmInfo()">Envoyer</span>
                {{-- <span class="btn btn-primary btn-hover-primary cursor-pointer" onclick="document.getElementById('check-informations-client').classList.remove('d-none'); document.getElementById('form-informations-client').classList.remove('d-none');this.classList.add('d-none')">Envoyer</span> --}}
                {{-- <div class="pt-1 pb-1 ps-2 pe-2 d-none" id="check-informations-client">
                    <input type="checkbox" name="check-informations-client" class="form-check-input" required>
                    <label class="form-check-label" for="check-informations-client">
                        Je valide les informations ci-dessus
                    </label>
                  </div> --}}
                <button type="submit" class="btn btn-primary btn-hover-primary mt-2 d-none" id="form-informations-client">Valider</button>
            </div>
        </div>

        @section('modal-confirm-informations-client')
            @include('front.modals.confirm-informations-client')
        @endsection

    </form>
</div>

<script>
    function modalConfirmInfo() {
        // Récupérer le formulaire avec plusieurs méthodes de sélection
        let form = document.querySelector('form[action*="workflow.informations.client"]');
        
        // Si le premier sélecteur ne fonctionne pas, essayer d'autres méthodes
        if (!form) {
            form = document.querySelector('form[action*="informations.client"]');
        }
        if (!form) {
            form = document.querySelector('form');
        }
        
        // Vérifier que le formulaire existe
        if (!form) {
            console.error('Formulaire non trouvé');
            return false;
        }
        
        // Validation manuelle des champs requis
        const requiredFields = [
            'client_id_civilite',
            'client_nom',
            'client_prenom',
            'client_date_de_naissance',
            'client_lieu_de_naissance',
            'client_id_pays_nationalite',
            'client_profession',
            'client_adresse1',
            'client_code_postal',
            'client_ville',
            'client_id_pays',
            'client_telephone',
            'client_email',
            'client_id_situation_matrimoniale'
        ];
        
        let isValid = true;
        let firstInvalidField = null;
        
        // Vérifier chaque champ requis
        requiredFields.forEach(fieldId => {
            const field = document.getElementById(fieldId);
            if (field) {
                const value = field.value.trim();
                if (!value) {
                    isValid = false;
                    if (!firstInvalidField) {
                        firstInvalidField = field;
                    }
                    // Ajouter une classe d'erreur visuelle
                    field.classList.add('is-invalid');
                } else {
                    field.classList.remove('is-invalid');
                }
            }
        });
        
        // Si l'achat avec conjoint est activé, vérifier les champs requis du conjoint
        const achatConjoint = document.getElementById('conjoint').checked;
        if (achatConjoint) {
            const conjointRequiredFields = [
                'conjoint_id_civilite',
                'conjoint_nom',
                'conjoint_prenom',
                'conjoint_date_de_naissance',
                'conjoint_lieu_de_naissance',
                'conjoint_id_pays_nationalite',
                'conjoint_profession',
                'conjoint_adresse1',
                'conjoint_code_postal',
                'conjoint_ville',
                'conjoint_id_pays'
            ];
            
            conjointRequiredFields.forEach(fieldId => {
                const field = document.getElementById(fieldId);
                if (field) {
                    const value = field.value.trim();
                    if (!value) {
                        isValid = false;
                        if (!firstInvalidField) {
                            firstInvalidField = field;
                        }
                        field.classList.add('is-invalid');
                    } else {
                        field.classList.remove('is-invalid');
                    }
                }
            });
        }
        
        // Si validation échoue, afficher un message et empêcher l'ouverture du modal
        if (!isValid) {
            // Faire défiler vers le premier champ invalide
            if (firstInvalidField) {
                firstInvalidField.scrollIntoView({ behavior: 'smooth', block: 'center' });
                firstInvalidField.focus();
            }
            
            // Afficher un message d'erreur
            alert('Veuillez remplir tous les champs obligatoires avant de continuer.');
            return false;
        }
        
        // Récupération des données du formulaire
        const formData = {
            // Informations client
            civilite: getSelectText('client_id_civilite'),
            nom: document.getElementById('client_nom').value,
            nom_jeune_fille: document.getElementById('client_nom_jeune_fille').value,
            prenom: document.getElementById('client_prenom').value,
            date_naissance: document.getElementById('client_date_de_naissance').value,
            lieu_naissance: document.getElementById('client_lieu_de_naissance').value,
            nationalite: getSelectText('client_id_pays_nationalite'),
            profession: document.getElementById('client_profession').value,
            adresse1: document.getElementById('client_adresse1').value,
            adresse2: document.getElementById('client_adresse2').value,
            code_postal: document.getElementById('client_code_postal').value,
            ville: document.getElementById('client_ville').value,
            pays: getSelectText('client_id_pays'),
            telephone: document.getElementById('client_telephone').value,
            email: document.getElementById('client_email').value,
            situation_matrimoniale: getSelectText('client_id_situation_matrimoniale'),
            date_union: document.getElementById('client_date_union').value,
            date_divorce: document.getElementById('client_date_divorce').value,
            lieu_union: document.getElementById('client_lieu_union').value,
            regime_matrimonial: getSelectText('client_id_regime_matrimonial'),
            
            // Informations conjoint (si activé)
            achat_conjoint: achatConjoint,
            conjoint_civilite: getSelectText('conjoint_id_civilite'),
            conjoint_nom: document.getElementById('conjoint_nom').value,
            conjoint_nom_jeune_fille: document.querySelector('input[name="conjoint_nom_jeune_fille"]').value,
            conjoint_prenom: document.getElementById('conjoint_prenom').value,
            conjoint_date_naissance: document.getElementById('conjoint_date_de_naissance').value,
            conjoint_lieu_naissance: document.getElementById('conjoint_lieu_de_naissance').value,
            conjoint_nationalite: getSelectText('conjoint_id_pays_nationalite'),
            conjoint_profession: document.getElementById('conjoint_profession').value,
            conjoint_adresse1: document.getElementById('conjoint_adresse1').value,
            conjoint_adresse2: document.getElementById('conjoint_adresse2').value,
            conjoint_code_postal: document.getElementById('conjoint_code_postal').value,
            conjoint_ville: document.getElementById('conjoint_ville').value,
            conjoint_pays: getSelectText('conjoint_id_pays'),
            conjoint_telephone: document.getElementById('conjoint_telephone').value,
            conjoint_email: document.getElementById('conjoint_email').value,
            conjoint_situation_matrimoniale: getSelectText('conjoint_id_situation_matrimoniale'),
            conjoint_date_union: document.getElementById('conjoint_date_union').value,
            conjoint_date_divorce: document.getElementById('conjoint_date_divorce').value,
            conjoint_lieu_union: document.getElementById('conjoint_lieu_union').value,
            conjoint_regime_matrimonial: getSelectText('conjoint_id_regime_matrimonial')
        };

        // Génération du HTML pour l'affichage
        let html = '<div class="col-12 mb-5">';
        html += '<h5 class="text-white mb-3">Informations client</h5>';
        html += '<div class="row">';
        
        // Informations principales
        html += '<div class="col-md-6 mb-2"><strong>Civilité:</strong> ' + formData.civilite + '</div>';
        html += '<div class="col-md-6 mb-2"><strong>Nom:</strong> ' + formData.nom + '</div>';
        if (formData.nom_jeune_fille) {
            html += '<div class="col-md-6 mb-2"><strong>Nom de jeune fille:</strong> ' + formData.nom_jeune_fille + '</div>';
        }
        html += '<div class="col-md-6 mb-2"><strong>Prénom:</strong> ' + formData.prenom + '</div>';
        html += '<div class="col-md-6 mb-2"><strong>Date de naissance:</strong> ' + formData.date_naissance + '</div>';
        html += '<div class="col-md-6 mb-2"><strong>Lieu de naissance:</strong> ' + formData.lieu_naissance + '</div>';
        html += '<div class="col-md-6 mb-2"><strong>Nationalité:</strong> ' + formData.nationalite + '</div>';
        html += '<div class="col-md-6 mb-2"><strong>Profession:</strong> ' + formData.profession + '</div>';
        
        // Adresse
        html += '<div class="col-md-6 mb-2"><strong>Adresse:</strong> ' + formData.adresse1 + '</div>';
        if (formData.adresse2) {
            html += '<div class="col-md-6 mb-2"><strong>Complément:</strong> ' + formData.adresse2 + '</div>';
        }
        html += '<div class="col-md-6 mb-2"><strong>Code postal:</strong> ' + formData.code_postal + '</div>';
        html += '<div class="col-md-6 mb-2"><strong>Ville:</strong> ' + formData.ville + '</div>';
        html += '<div class="col-md-6 mb-2"><strong>Pays:</strong> ' + formData.pays + '</div>';
        html += '<div class="col-md-6 mb-2"><strong>Téléphone:</strong> ' + formData.telephone + '</div>';
        html += '<div class="col-md-6 mb-2"><strong>Email:</strong> ' + formData.email + '</div>';
        
        // Situation matrimoniale
        html += '<div class="col-md-6 mb-2"><strong>Situation matrimoniale:</strong> ' + formData.situation_matrimoniale + '</div>';
        if (formData.date_union) {
            html += '<div class="col-md-6 mb-2"><strong>Date de mariage/PACS:</strong> ' + formData.date_union + '</div>';
        }
        if (formData.date_divorce) {
            html += '<div class="col-md-6 mb-2"><strong>Date de divorce:</strong> ' + formData.date_divorce + '</div>';
        }
        if (formData.lieu_union) {
            html += '<div class="col-md-6 mb-2"><strong>Lieu de mariage/PACS:</strong> ' + formData.lieu_union + '</div>';
        }
        if (formData.regime_matrimonial) {
            html += '<div class="col-md-6 mb-2"><strong>Régime matrimonial:</strong> ' + formData.regime_matrimonial + '</div>';
        }
        
        html += '</div>';
        
        // Informations conjoint si activé
        if (formData.achat_conjoint) {
            html += '<h5 class="text-white mb-3 mt-4">Informations conjoint</h5>';
            html += '<div class="row">';
            html += '<div class="col-md-6 mb-2"><strong>Civilité:</strong> ' + formData.conjoint_civilite + '</div>';
            html += '<div class="col-md-6 mb-2"><strong>Nom:</strong> ' + formData.conjoint_nom + '</div>';
            if (formData.conjoint_nom_jeune_fille) {
                html += '<div class="col-md-6 mb-2"><strong>Nom de jeune fille:</strong> ' + formData.conjoint_nom_jeune_fille + '</div>';
            }
            html += '<div class="col-md-6 mb-2"><strong>Prénom:</strong> ' + formData.conjoint_prenom + '</div>';
            html += '<div class="col-md-6 mb-2"><strong>Date de naissance:</strong> ' + formData.conjoint_date_naissance + '</div>';
            html += '<div class="col-md-6 mb-2"><strong>Lieu de naissance:</strong> ' + formData.conjoint_lieu_naissance + '</div>';
            html += '<div class="col-md-6 mb-2"><strong>Nationalité:</strong> ' + formData.conjoint_nationalite + '</div>';
            html += '<div class="col-md-6 mb-2"><strong>Profession:</strong> ' + formData.conjoint_profession + '</div>';
            html += '<div class="col-md-6 mb-2"><strong>Adresse:</strong> ' + formData.conjoint_adresse1 + '</div>';
            if (formData.conjoint_adresse2) {
                html += '<div class="col-md-6 mb-2"><strong>Complément:</strong> ' + formData.conjoint_adresse2 + '</div>';
            }
            html += '<div class="col-md-6 mb-2"><strong>Code postal:</strong> ' + formData.conjoint_code_postal + '</div>';
            html += '<div class="col-md-6 mb-2"><strong>Ville:</strong> ' + formData.conjoint_ville + '</div>';
            html += '<div class="col-md-6 mb-2"><strong>Pays:</strong> ' + formData.conjoint_pays + '</div>';
            html += '<div class="col-md-6 mb-2"><strong>Téléphone:</strong> ' + formData.conjoint_telephone + '</div>';
            html += '<div class="col-md-6 mb-2"><strong>Email:</strong> ' + formData.conjoint_email + '</div>';
            html += '<div class="col-md-6 mb-2"><strong>Situation matrimoniale:</strong> ' + formData.conjoint_situation_matrimoniale + '</div>';
            if (formData.conjoint_date_union) {
                html += '<div class="col-md-6 mb-2"><strong>Date de mariage/PACS:</strong> ' + formData.conjoint_date_union + '</div>';
            }
            if (formData.conjoint_date_divorce) {
                html += '<div class="col-md-6 mb-2"><strong>Date de divorce:</strong> ' + formData.conjoint_date_divorce + '</div>';
            }
            if (formData.conjoint_lieu_union) {
                html += '<div class="col-md-6 mb-2"><strong>Lieu de mariage/PACS:</strong> ' + formData.conjoint_lieu_union + '</div>';
            }
            if (formData.conjoint_regime_matrimonial) {
                html += '<div class="col-md-6 mb-2"><strong>Régime matrimonial:</strong> ' + formData.conjoint_regime_matrimonial + '</div>';
            }
            html += '</div>';
        }
        
        html += '</div>';
        
        // Affichage dans le modal
        document.getElementById('confirmInfo').innerHTML = html;
        
        // Ouvrir le modal manuellement
        const modal = new bootstrap.Modal(document.getElementById('modal-confirmInfo'));
        modal.show();
    }
    
    // Fonction utilitaire pour récupérer le texte d'un select
    function getSelectText(selectId) {
        const select = document.getElementById(selectId);
        if (select && select.selectedIndex >= 0) {
            return select.options[select.selectedIndex].text;
        }
        return '';
    }
</script>



@section('datepicker.js')
    <script src="{{ asset('libs/jquery-ui/js/datepicker.js') }}?t={{ config('app.js_version') }}"></script>
@endsection