{#<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" id="box-form-contat">

        <br/>

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

        <div class="form-group">
            <label>Titre de l'annonce</label>
            <input type="text" name="titre" id="titre" class="form-control required" placeholder="titre de l'annonce">
        </div>

        {% set foo = {'demandeEmploi': "Demande d'emploi", 'offreEmploi': "Offre d'emploi", 'materiel': 'Matériel', 'divers': 'Divers'} %}

        {% include 'Input/selectArrayCommon.twig'  with {'label':'Catégorie', 'class': 'form-group required', 'idName':'categ', 'value':'', 'array':foo } %}

        {% 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'} %}

        {% include 'Input/textarea.twig'  with {'type':'text', 'class': 'form-group required', 'label': 'Texte de l\'annonce', 'idName':'caption', 'value':about.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-annonce"
                    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 D'ANNONCE -->
<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 (3 secondes pour les annonces)
            var startTime = parseInt($('#form-start-time').val()) || 0;
            var timeDiff = (Date.now() - startTime) / 1000;
            
            if (timeDiff < 3) {
                alert('Veuillez patienter quelques secondes avant de soumettre l\'annonce.');
                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 aux annonces
            var requiredFields = [
                {id: 'titre', name: 'Titre de l\'annonce'},
                {id: 'categ', name: 'Catégorie'}, 
                {id: 'email', name: 'Email'},
                {id: 'telephone', name: 'Téléphone'},
                {id: 'caption', name: 'Texte de l\'annonce'}
            ];
            
            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 renforcée pour les annonces
            var suspiciousWords = ['viagra', 'casino', 'bitcoin', 'loan', 'poker', 'free money', 'click here', 'buy now', 'limited time'];
            var textFields = ['titre', 'caption']; // Champs texte à vérifier
            
            for (var j = 0; j < textFields.length; j++) {
                var fieldValue = $('#' + textFields[j]).val().toLowerCase();
                for (var k = 0; k < suspiciousWords.length; k++) {
                    if (fieldValue.indexOf(suspiciousWords[k]) !== -1) {
                        return false; // Spam détecté - blocage silencieux
                    }
                }
                
                // Vérification de longueur excessive (plus de 2000 caractères)
                if (fieldValue.length > 2000) {
                    return false; // Contenu trop long - probablement du spam
                }
            }
            
            // 7. Vérification URLs suspectes dans le contenu
            var urlRegex = /https?:\/\/[^\s]+/gi;
            var titleUrls = ($('#titre').val().match(urlRegex) || []).length;
            var contentUrls = ($('#caption').val().match(urlRegex) || []).length;
            
            // Bloquer si trop d'URLs (plus de 2 au total)
            if (titleUrls + contentUrls > 2) {
                return false; // Trop d'URLs - probablement du spam
            }
            
            // Toutes les validations sont passées - soumettre l'annonce
            // Pour ce formulaire, on déclenche directement la soumission car le bouton visible est déjà #saveContact
            $(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); // Délai plus court car pas de modale
</script>