$(document).ready(function () {

    $('.collection.collapsible').collapsible({
        accordion: false
    });

    /*Slider tag article*/
    if ($('#slider_articles_tag').length) {
        var slider_article_2 = $("#slider_articles_tag").lightSlider({
            item: 4,
            controls: false,
            pager: false,
            responsive: [
                {
                    breakpoint: 1000,
                    settings: {
                        item: 2
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        item: 1
                    }
                }
            ]
        });
        $('#slider_articles_tag + #bouton_prev_articles').on('click', function () {
            slider_article_2.goToPrevSlide();
        });
        $('#slider_articles_tag + #bouton_next_articles').on('click', function () {
            slider_article_2.goToNextSlide();
        });
    }

    if ($('.liste-dossiers-documents').length > 0) {
        $('.liste-dossiers-documents .collection-item:first-child .collection-item-lien, .liste-dossiers-documents .collection-item:first-child .collapsible-body:nth-child(2)').trigger('click');
    }

});

function affiche_password(that) {
    var input = $(that).next('input');

    if ($(input).prop('type') == "password") {
        $(input).prop('type', 'text');
    } else {
        $(input).prop('type', 'password');
    }
}

function show_documents_cat(id_cat) {
    var html = $('.documents[data-cat=' + id_cat + ']').html();

    $('.liste-documents').fadeOut(function () { $('.liste-documents').html(html).fadeIn() });
    $('.collapsible-body').removeClass('active');
    $('.collapsible-body[data-idu="' + id_cat + '"]').addClass('active');
}

function show_informations_cat(id_cat) {
    var html = $('.informations[data-cat=' + id_cat + ']').html();

    $('.liste-informations').fadeOut(function () { $('.liste-informations').html(html).fadeIn() });
    $('.collection-item-lien').removeClass('active');
    $('.collection-item-lien[data-idu="' + id_cat + '"]').addClass('active');
}

function menu_suivant(that) {
    $(that).next('ul').addClass('active');

    $(that).parent('li').parent('ul').addClass('overflow_false');
}

function ferme_menu_actif(that) {
    $(that).parent('ul').removeClass('active');

    $(that).parent('ul').parent('li').parent('ul').removeClass('overflow_false');
}

// QUESTIONNAIRE
var idReponse;

function beforeEtapeQuestionnaire(categorie) {
    $.ajax({
        beforeSend: function () {
            $('<div class="loader_questionnaire"></div>').appendTo($('#questionnaire'));
        },
        type: "POST",
        url: "../ajax-call",
        data: {
            fct: 'beforeEtapeQuestionnaire',
            categorie: categorie
        },
        success: function (data) {
            data = JSON.parse(data);
            var id_question = data['id_question'];
            var id_precedent_question = data['id_precent_question'];
            var categorie = data['categorie'];
            var id_reponse = data['id_reponse'];
            nextEtapeQuestionnaire(id_question, id_precedent_question, categorie, 1, id_reponse);
        }
    });
}

function getEtapeFinale() {
    // Je vais récupérer les données stockées dans la session
    $.ajax({
        beforeSend: function () {
            $('.infos_question').html('').addClass('no_style');
            $('<div class="loader_questionnaire"></div>').appendTo($('.infos_question'));
        },
        type: "POST",
        url: "../ajax-call",
        data: {
            fct: 'getSessionQuestionnaire',
        },
        success: function (data) {
            $('.infos_question').remove();
            $('#questionnaire').html(data);
            /*On réinit les selects car ça ne fonctionne pas s'il y a un form*/
            $('select').formSelect();
        }
    });
}

function nextEtapeQuestionnaire(id_current_question, id_precedent_question, categorie, before = 0, id_before_reponse = 0) {
    /*On peut cliquer seulement si un radio et check + étape suivante ou étape précédente*/
    if (($('.input_reponse').is(':checked') && before === 0) || before === 1) {
        var firstQuestion = $('#nextEtapeBtn').attr('firstQuestion');
        $('#nextEtapeBtn').attr('firstQuestion', 0);
        $.ajax({
            beforeSend: function () {
                $('<div class="loader_questionnaire"></div>').appendTo($('#questionnaire'));
            },
            type: "POST",
            url: "../ajax-call",
            data: {
                fct: 'nextquestionnaire',
                id_current_question: id_current_question,
                categorie: categorie,
                id_precedent_question: id_precedent_question,
                idReponse: idReponse,
                firstQuestion: firstQuestion,
                beforeQuestion: before
            },
            success: function (data) {
                data = JSON.parse(data);
                $('.loader_questionnaire').remove();
                /*On vide les anciennes réponses*/
                $('.infos_reponses').html('');
                if (before === 0) {
                    // Je vérifie si il s'agit d'une question finale
                    if (isFinal === '1') {
                        getEtapeFinale();
                        return;
                    }
                }
                /*On remplace les infos questions*/
                $('.infos_question').html(
                    '<h2 class="titre_question">' + data.titre_question + '</h2>' +
                    '<div class="description_question">' + data.description_question + '</div>'
                );

                $(data.reponses).each(function () {
                    var final_reponse = this.final_reponse;
                    var id_reponse = this.id_reponse;
                    var next_question = this.next_question;
                    var titre_reponse = this.titre_reponse;
                    var icon_reponse = this.icon_reponse;

                    if (icon_reponse.length > 0) {
                        var icone_image_reponse = '';
                        if (icon_reponse.split('.').pop() != 'svg') {
                            var icone_image_reponse = '<i class="icone_image_reponse material-icons" onclick="affiche_image_reponse(this);">remove_red_eye</i>';
                        }
                        var image_reponse = icone_image_reponse +
                            '<img class="image_reponse" src="' + icon_reponse + '" alt="' + titre_reponse + '" title="' + titre_reponse + '"/>';
                    } else {
                        var image_reponse = '';
                    }

                    if (final_reponse == 0 && next_question == null) {
                        displayNone = 'none';
                    } else {
                        displayNone = '';
                    }

                    /*On ajoute les nouvelles réponses*/
                    $('.infos_reponses').append(
                        '<div class="item_reponse" style="display: ' + displayNone + '">' +
                        '<input type="radio" name="input_reponse" id="input_' + id_reponse + '" class="input_reponse">' +
                        '<label class="label_reponse" for="input_' + id_reponse + '" idReponse="' + id_reponse + '" finalReponse="' + final_reponse + '" onclick="selectReponses(' + id_reponse + ');">' +
                        image_reponse +
                        '<p class="titre_reponse">' + titre_reponse + '</p>' +
                        '</label>' +
                        '</div>'
                    );

                    // On modifie le bouton pour mettre à jour les valeurs
                    $('#nextEtapeBtn').attr('onclick', 'nextEtapeQuestionnaire(' + data.id_question + ', ' + data.id_precedent_question + ', ' + categorie + ')');
                    if (data.firstQuestion === false) {
                        $('#prevEtapeBtn').remove('');
                        $('<button class="bouton bouton_2" id="prevEtapeBtn" type="button" onclick="beforeEtapeQuestionnaire(' + categorie + ')">Étape précédente</button>').prependTo('.container_boutons_questionnaire');
                    } else {
                        $('#prevEtapeBtn').remove('');
                    }
                });

                if (before === 1) {
                    /*Quand précédent, on coche la question déjà cochée*/
                    $('#input_' + id_before_reponse).attr('checked', true);
                    selectReponses(id_before_reponse);
                }
            }
        });
    }
}

function selectReponses(idReponse) {
    window.idReponse = idReponse;
    // Je récupère l'attribue "final_reponse"
    var finalReponse = $('[for="input_' + idReponse + '"]').attr('finalReponse');
    window.isFinal = finalReponse;
    if (finalReponse === '1') {
        // Si c'est une réponse finale, je fais mes modifications
        $('#nextEtapeBtn').html('Passer au récapitulatif');
    } else {
        // Si ce n'est pas une réponse finale je reviens en arrière
        $('#nextEtapeBtn').html('Étape suivante');
    }
}

function affiche_image_reponse(that) {
    var lien_image = $(that).next('.image_reponse').attr('src');

    $('.overlay_image_questionnaire').remove();
    $('<div class="overlay_image_questionnaire" onclick="masque_image_reponse();">' +
        '<i class="material-icons">clear</i>' +
        '<img src="' + lien_image + '"/></div>').css("display", "flex").hide().fadeIn().prependTo('#questionnaire');
}

function masque_image_reponse() {
    $('.overlay_image_questionnaire').fadeOut();
}

function satSecours(img) {
    let satUrl = img.src;
    const r = /\/(\d+)/i;
    const [domaine, satNum] = satUrl.match(r);
    const idSat = parseInt(satNum);
    let satNumSecours;

    if (idSat % 2 === 0) {
        satNumSecours = idSat - 1;
    } else {
        satNumSecours = idSat + 1;
    }

    return satUrl.replace(/\d+/, satNumSecours);
}