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

<form id="form-edit-temoin" data-moussabind="moussajax.moussaPublicForm"
      data-messageTarget="box-form-temoin"
      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" id="box-form-temoin">

        <br/>

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

        <div class="form-group">
            <label>Titre du témoignage</label>
            <input type="text" name="titre" id="titre" class="form-control required" placeholder="titre du témoignage">
        </div>

        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group required', 'label': 'Nom/Prénom', 'idName':'nomPrenom' } %}

        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group required', 'label': 'Tel', 'idName':'telephone' } %}

        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group required', 'label': 'Email', 'idName':'email'} %}

        <div><i>Votre email et numéro de téléphone ne seront pas communiqués</i></div>

        {% include 'Input/textarea.twig'  with {'type':'text', 'class': 'form-group required', 'label': 'Votre témoignage', 'idName':'caption' } %}

            <!-- 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>

        {#<script>#}
            {#CKEDITOR.inline('caption');#}
        {#</script>#}

        <div style="text-align: right;">
            <button type="button" id="saveContact" data-ajax-form="form-edit-temoin"
                    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>

</form>

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

<!-- SCRIPT ANTI-SPAM POUR FORMULAIRE TÉMOIGNAGE -->
<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 ($('#saveContact').length > 0) {
        // Supprimer tous les anciens événements
        $('#saveContact').off();
        $('#saveContact')[0].onclick = null;
        
        // Attacher la validation anti-spam avec priorité maximale
        $('#saveContact')[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 (5 secondes pour témoignages)
            var startTime = parseInt($('#form-start-time').val()) || 0;
            var timeDiff = (Date.now() - startTime) / 1000;
            
            if (timeDiff < 5) {
                alert('Veuillez prendre le temps de rédiger votre témoignage avant de l\'envoyer.');
                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 spécifiques au témoignage
            var requiredFields = [
                {id: 'titre', name: 'Titre du témoignage'},
                {id: 'nomPrenom', name: 'Nom/Prénom'}, 
                {id: 'email', name: 'Email'},
                {id: 'telephone', name: 'Téléphone'},
                {id: 'caption', name: 'Témoignage'}
            ];
            
            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. Validations spécifiques aux témoignages
            var titre = $('#titre').val();
            var temoignage = $('#caption').val();
            
            // Longueur minimale pour un témoignage authentique
            if (titre.length < 5) {
                alert('Le titre du témoignage est trop court (minimum 5 caractères).');
                return false;
            }
            
            if (temoignage.length < 50) {
                alert('Le témoignage est trop court (minimum 50 caractères).');
                return false;
            }
            
            if (temoignage.length > 5000) {
                alert('Le témoignage est trop long (maximum 5000 caractères).');
                return false;
            }
            
            // 7. Détection contenu suspect dans les témoignages
            var suspiciousWords = ['viagra', 'casino', 'bitcoin', 'loan', 'make money', 'click here', 'buy now', 'limited offer', 'guaranteed', 'free trial'];
            var textContent = (titre + ' ' + temoignage).toLowerCase();
            
            for (var k = 0; k < suspiciousWords.length; k++) {
                if (textContent.indexOf(suspiciousWords[k]) !== -1) {
                    return false; // Spam détecté - blocage silencieux
                }
            }
            
            // 8. Vérification URLs (max 1 lien autorisé dans un témoignage)
            var urlRegex = /https?:\/\/[^\s]+/gi;
            var urlCount = (temoignage.match(urlRegex) || []).length;
            
            if (urlCount > 1) {
                alert('Un seul lien maximum est autorisé dans un témoignage.');
                return false;
            }
            
            // 9. Vérifications qualité témoignage
            var words = temoignage.split(/\s+/);
            var avgWordLength = words.reduce(function(sum, word) { return sum + word.length; }, 0) / words.length;
            
            // Mots trop courts ou trop répétitifs = suspect
            if (avgWordLength < 3) {
                return false; // Témoignage de mauvaise qualité
            }
            
            // Vérifier répétition excessive d'un même mot
            var wordCount = {};
            var suspiciousRepetition = false;
            for (var w = 0; w < words.length; w++) {
                var word = words[w].toLowerCase();
                if (word.length > 3) {
                    wordCount[word] = (wordCount[word] || 0) + 1;
                    if (wordCount[word] > Math.max(3, words.length / 10)) {
                        suspiciousRepetition = true;
                        break;
                    }
                }
            }
            
            if (suspiciousRepetition) {
                return false; // Témoignage avec répétitions suspectes
            }
            
            // 10. Vérification cohérence nom/témoignage
            var nomPrenom = $('#nomPrenom').val().toLowerCase();
            var prenoms = ['marie', 'jean', 'pierre', 'paul', 'michel', 'robert', 'jacques', 'bernard', 'guy', 'andré', 'louis', 'joseph', 'henry', 'raymond', 'roger', 'lucien', 'emile'];
            
            // Cette vérification est informative mais ne bloque pas
            
            // Toutes les validations sont passées - soumettre le témoignage
            $(this).off('click'); // Retirer notre validation pour éviter les boucles
            $(this).trigger('click'); // Déclencher la soumission originale
            
            return false;
        }, true); // Capture phase pour priorité maximale
    }
}

// Initialisation automatique
setTimeout(function() {
    if (typeof jQuery !== 'undefined') {
        $(document).ready(function() {
            // Initialisation immédiate pour les formulaires non-modaux
            initAntiSpam();
            attachAntiSpam();
            
            // 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);
                    }
                }
            }, 1000);
            
            // Arrêter la vérification après 30 secondes
            setTimeout(function() {
                clearInterval(checkInterval);
            }, 30000);
        });
    }
}, 1000);
</script>