{#<script src="js/ckeditor/ckeditor.js"></script>#}

<form id="form-edit-annonce" data-moussabind="moussajax.moussaPublicForm"
      data-messageTarget="box-form-contat"
      data-url="postAnnonce"
      data-entity="About" class="PPF">

    <input type="hidden" name="aboutId" id="aboutId" value="{{ about.aboutId }}"/>
    
    <!-- CHAMPS ANTI-SPAM CACHÉS -->
    <div style="position: absolute; left: -9999px; top: -9999px;">
        <input type="text" name="url_piege" id="url_piege" tabindex="-1" autocomplete="new-password"/>
    </div>
    <input type="hidden" name="form_start_time" id="form-start-time" value=""/>
    <input type="hidden" name="math_expected" id="math-expected" value=""/>
    <input type="hidden" name="simple_token" id="simple-token" value=""/>
    <input type="hidden" name="client_info" id="client-info" value=""/>

    <div class="base-box row" id="box-form-contat">

        <br/>

        {% include 'Input/hidden.twig'  with {'idName':'type', 'value':'coordos' } %}

        <div class="col-md-6">
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group required', 'label': 'Nom', 'idName':'nom' } %}
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group required', 'label': 'Prénom', 'idName':'prenom' } %}

            {% set foo = {'Photo': "Photo", 'Cinéma': "Cinéma", 'son': 'Son'} %}
            {% include 'Input/selectArrayCommon.twig'  with {'label':'Promo', 'class': 'form-group', 'idName':'promo', 'value':'', 'array':foo } %}

            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Année', 'idName':'annee' } %}
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group required', 'label': 'Tel', 'placeholder': 'Tel (réservé au strict usage administratif)', 'idName':'telephone' } %}
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group required', 'label': 'Email', 'idName':'email' } %}

            {% set ouiNon = {'Oui': "Oui", 'Non': "Non"} %}
            {% include 'Input/radioLine.twig'  with {'type':'text', 'class': 'form-group', 'label': 'J\'autorise l\'affichage de mon email sur le site', 'idName':'autorisation','list':ouiNon  } %}
            {% include 'Input/radioLine.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Je souhaite recevoir la newsletter des ALL ', 'idName':'inscription_newsletter','list':ouiNon  } %}

            <br/>
            <div style="margin-left:18%;padding-right:8%;font-size: 10px;line-height: unset;font-weight: 600;">Si vous
                souhaitez être localisé sur la carte du réseau des ALL vous pouvez renseigner votre adresse en indiquant
                à minima le code postal et la ville, et pour plus de précisions votre adresse complète
            </div>
            <div style=" font-style:italic;margin-left:18%;padding-right:8%;font-size: 10px;line-height: unset; ">Cette
                dernière apparaîtra uniquement sur la carte et non en toute lettre dans l'annuaire
            </div>

            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Adresse', 'idName':'adresse'} %}
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Code postal', 'idName':'code_postal'} %}
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Ville', 'idName':'ville'} %}

        </div>
        <div class="col-md-6">
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Nom site web', 'idName':'nom_site_web'} %}
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Url site web', 'idName':'url_site_web'} %}
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group required', 'label': 'Poste actuel', 'idName':'poste_actuel'} %}
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Email pro', 'idName':'email_pro'} %}
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Tel pro', 'idName':'tel_pro'} %}

            {% include 'Input/textarea.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Parcours professionnel', 'idName':'bio', 'value':about.bio } %}

            <!-- QUESTION ANTI-SPAM VISIBLE -->
			<div class="form-group required" style="background-color: #f8f9fa; padding: 15px; border-radius: 5px; border: 2px solid #007bff;">
				<div style="display: flex; align-items: center; gap: 10px;">
                    <p id="math-question" style="font-size: 16px; font-weight: bold; color: #333; margin: 0;">Chargement de la question...</p>
                    <input type="number" 
                           name="math_answer" 
                           id="math-answer" 
                           class="form-control required" 
                           placeholder="Votre réponse" 
                           min="2" 
                           max="18" 
                           style="width: 100px;"
                           required/>
				</div>
				<small style="color: #666; margin-top: 5px;">.
				Cette question nous aide à lutter contre les robots spammeurs
				</small>
			</div>
		</div>

        <div class="col-md-8" style="font-weight: 600;color:grey;font-size: 10px;line-height: unset;margin-top:20px;">
            Vous pouvez à tout moment modifier vos informations en adressant un email à 
&#097;&#108;&#108;&#064;&#097;&#110;&#099;&#105;&#101;&#110;&#115;&#108;&#111;&#117;&#105;&#115;&#108;&#117;&#109;&#105;&#101;&#114;&#101;&#046;&#111;&#114;&#103;            
            <br/>
            Pour plus d'informations sur notre politique et le traitement de vos données, consultez nos <a
                    href="/mentions-legales">mentions légales.</a>
        </div>

        <div class="col-md-4">
            <div style="text-align: right;">

                <button type="button" id="saveContact" data-ajax-form="form-edit-annonce" style="display: none">
                    <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
                </button>

                <button type="button" id="saveverif"
                        class="btn btn-default btn-warning"
                        aria-label="Left Align">
                    <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Envoyer
                </button>

                <br/>
                <br/>
            </div>
        </div>

    </div>

</form>

{{ R.js('mousslib/frankenstein') }}
{{ R.js('helpers') }}
{{ R.js('vendor/*') }}
{{ R.js('moussajax/moussaPublicForm') }}

<!-- SCRIPT ANTI-SPAM FINAL -->
<script type="text/javascript">
// Variables globales pour l'anti-spam
var formStartTime, mathNum1, mathNum2, mathResult;

// Fonction d'initialisation de l'anti-spam
function initAntiSpam() {
    formStartTime = Date.now();
    mathNum1 = Math.floor(Math.random() * 9) + 1;
    mathNum2 = Math.floor(Math.random() * 9) + 1;
    mathResult = mathNum1 + mathNum2;
    
    var questionElement = document.getElementById('math-question');
    if (questionElement) {
        questionElement.textContent = 'Combien font ' + mathNum1 + ' + ' + mathNum2 + ' ?';
    }
    
    var expectedElement = document.getElementById('math-expected');
    if (expectedElement) {
        expectedElement.value = mathResult;
    }
    
    var timeElement = document.getElementById('form-start-time');
    if (timeElement) {
        timeElement.value = formStartTime;
    }
    
    var tokenElement = document.getElementById('simple-token');
    if (tokenElement) {
        tokenElement.value = btoa(Date.now().toString()).substring(0, 16);
    }
    
    var clientElement = document.getElementById('client-info');
    if (clientElement) {
        clientElement.value = navigator.userAgent.substring(0, 50);
    }
}

// Fonction d'attachement des événements anti-spam
function attachAntiSpam() {
    if ($('#saveverif').length > 0) {
        // Supprimer tous les anciens événements
        $('#saveverif').off();
        $('#saveverif')[0].onclick = null;
        
        // Attacher la validation anti-spam avec priorité maximale
        $('#saveverif')[0].addEventListener('click', function(e) {
            e.preventDefault();
            e.stopPropagation();
            e.stopImmediatePropagation();
            
            // 1. Vérification honeypot
            if ($('#url_piege').val() !== '') {
                return false; // Spam détecté - blocage silencieux
            }
            
            // 2. Vérification délai minimum (2 secondes)
            var startTime = parseInt($('#form-start-time').val()) || 0;
            var timeDiff = (Date.now() - startTime) / 1000;
            
            if (timeDiff < 2) {
                alert('Veuillez patienter quelques secondes avant de soumettre le formulaire.');
                return false;
            }
            
            // 3. Vérification question mathématique
            var userAnswer = parseInt($('#math-answer').val());
            var expectedAnswer = parseInt($('#math-expected').val());
            
            if (isNaN(userAnswer) || userAnswer !== expectedAnswer) {
                alert('Veuillez répondre correctement à la question de sécurité.');
                $('#math-answer').focus();
                return false;
            }
            
            // 4. Vérification champs obligatoires
            var requiredFields = [
                {id: 'nom', name: 'Nom'},
                {id: 'prenom', name: 'Prénom'}, 
                {id: 'email', name: 'Email'},
                {id: 'telephone', name: 'Téléphone'},
                {id: 'poste_actuel', name: 'Poste actuel'}
            ];
            
            var missing = [];
            for (var i = 0; i < requiredFields.length; i++) {
                var field = requiredFields[i];
                var value = $('#' + field.id).val();
                if (!value || value.trim() === '') {
                    missing.push(field.name);
                }
            }
            
            if (missing.length > 0) {
                alert('Champs obligatoires manquants : ' + missing.join(', '));
                return false;
            }
            
            // 5. Validation email
            var email = $('#email').val();
            if (email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
                alert('Format d\'email invalide');
                return false;
            }
            
            // 6. Détection contenu suspect
            var suspiciousWords = ['viagra', 'casino', 'bitcoin', 'loan', 'poker'];
            var inputs = $('#form-edit-annonce input, #form-edit-annonce textarea');
            for (var j = 0; j < inputs.length; j++) {
                var value = $(inputs[j]).val().toLowerCase();
                for (var k = 0; k < suspiciousWords.length; k++) {
                    if (value.indexOf(suspiciousWords[k]) !== -1) {
                        return false; // Spam détecté - blocage silencieux
                    }
                }
            }
            
            // Toutes les validations sont passées - soumettre le formulaire
            $('#saveContact').trigger('click');
            
            return false;
        }, true); // Capture phase pour priorité maximale
    }
}

// Initialisation automatique
setTimeout(function() {
    if (typeof jQuery !== 'undefined') {
        $(document).ready(function() {
            // Auto-initialisation quand la modale s'ouvre
            $(document).on('shown.bs.modal', '#exampleModal', function() {
                initAntiSpam();
                setTimeout(attachAntiSpam, 500);
            });
            
            // FALLBACK: Vérifier périodiquement si la question doit être générée
            var checkInterval = setInterval(function() {
                var questionElement = $('#math-question');
                if (questionElement.length > 0 && questionElement.is(':visible')) {
                    var currentText = questionElement.text().trim();
                    if (currentText === 'Chargement de la question...' || currentText === '') {
                        initAntiSpam();
                        attachAntiSpam();
                        clearInterval(checkInterval); // Arrêter la vérification
                    }
                }
            }, 1000); // Vérifier toutes les secondes
            
            // Arrêter la vérification après 30 secondes pour éviter les boucles infinies
            setTimeout(function() {
                clearInterval(checkInterval);
            }, 30000);
        });
    }
}, 2000);
</script>