/*

    Ce fichier contient le code concernant les moteurs séléctionnés,
    qui sont affichés dans une bulle entre le header et la barre de
    recherche
    
*/

var selectedEngines = []; // On crée un tableau qui va contenir la liste des moteurs sélectionnés

var motorChanged = false; // Dans le cas des utilisateurs qui n'ont pas défini un moteur, on va s'assurer qu'il vont selectionner un avant de rechercher
var needToAddSelectedMotor = false; // Cette variable nous permet de savoir si l'utilisateur veut séléctionner un moteur (pour l'ajouter dans les moteurs séléctionnés) ou pas
var changeSelectedMotor = {
    isNeeded : false, // Cette variable permet de determiner si l'utilisateur veut changer un moteur séléctionné
    motorId : 0 // Cette ligne va quand à lui retenir l'ID du moteur à changer
};

// AUTRES FONCTIONS UTILES

function updateSelectedMotors() // Pour mettre à jour l'affichage des moteurs sélectionnés
{
    $('.selected-engines').html(''); // On efface le code HTML 
    
    if(selectedEngines.length>0) // Si il y a au moins un moteur séléctionné
    {
        for(let i=0; i<listSearchEngines.length; i++) 
        {
            listSearchEngines[i].setSelected(false); // On déséléctionne les moteurs dans la liste des moteurs
            
            for(let j=0; j<selectedEngines.length; j++) // On parcours la liste des moteurs sélectionnés
            {
                if(listSearchEngines[i].title == selectedEngines[j].title)
                {
                    listSearchEngines[i].setSelected(true);
                    break;
                }
            }
        }
        
        for(let i=0; i<selectedEngines.length; i++) // On parcours la liste des moteurs sélectionnés
        {
            if(i<3)
            {
                // On génére le code HTML de l'element i
                let item = $("<li/>");
                if(selectedEngines.length==1)
                    item.addClass('big');
                let motor = selectedEngines[i];

                let icon = $("<img/>");
                icon.attr('class','icon');
                icon.attr('src',motor.icon);
                item.append(icon);
            
                $('.selected-engines').append(item);
            }
            else if(i==3)
            {
                // On génére le code HTML de l'element i
                let item = $("<li/>");
                item.addClass('overflow');
                
                let text = $("<span/>");
                text.html(selectedEngines.length-i);
                item.append(text);
            
                $('.selected-engines').append(item);
            }
        }
    }
    else // S'il n'y a pas de moteur séléctionné
    {
        for(let i=0; i<listSearchEngines.length; i++) 
            listSearchEngines[i].setSelected(false); // On déséléctionne les moteurs dans la liste des moteurs
        listSearchEngines[0].setSelected(true);
        
        let item = $("<li/>");
        item.addClass('big');
            let icon = $("<img />");
            icon.attr('class','icon');
            icon.attr('src','res/img/choose.png');
            icon.click(function(){showMotors();});
            icon.mouseover(function(){showTooltip('Selectionner le moteur plus tard');});
            item.append(icon);
        
        $('.selected-engines').append(item);
    }
    
    updateListSearchEngine(); // On met à jour l'affichage de la liste des moteurs disponible
    
    // On met à jour le texte dans la barre de recherche
    if(selectedEngines.length==1 && selectedEngines[0].title!='') // Si un seul moteur est sélectionné et que le titre de ce moteur n'est pas vide
        $('#field').attr('placeholder', ('Rechercher sur %search_engine%').replace('%search_engine%',selectedEngines[0].title));
    else if(selectedEngines.length>1) // S'il y a plusieurs moteurs séléctionné
        $('#field').attr('placeholder','Rechercher sur plusieurs sites web');
    else // Sinon
        $('#field').attr('placeholder','Tapez votre requete ici');
}

function showSelectedEngines()
{
    showMotors();
    $('#add-search-engine').css('display','inline-block'); 
    $('.searchBar input').val('sélectionnés'); 
    $('.searchBar').addClass('withCleaner'); 
    $('.searchBar input').select(); 
    searchEngines('sélectionnés');
}

function setSelectedMotor(motor) // Si on veut juste rechercher sur un seul moteur de recherche
{
    selectedEngines = []; // On vide la liste des moteurs sélectionné
    
    if(motor.urlPrefix!='')
        selectedEngines.push(motor); // On ajoute le moteur dans la liste des moteurs

    updateSelectedMotors(); // On met à jour l'affichage de la liste des moteurs
    updateListSearchEngine(); // Et la liste des moteurs

    if(motorChanged) // Si on viens de cliquer sur "Rechercher" ou taper "Entrer"
        validateForm(); // Valider le formulaire
    else
        showTooltip(('La recherche se fera sur %search_engine%').replace('%search_engine%', motor.title));
}

function addNewSelectedMotor(motor) // Si on veut ajouter un moteur de recherche pour la recherche groupé
{
    var isAlready=false; // isAlready sert à savoir si le moteur n'est pas déjà dans la liste des moteurs séléctionné

    for(let i=0;i<selectedEngines.length;i++) // On va vérifier si le moteur n'est pas déjà dans la liste des moteurs séléctionné
    {
        if(selectedEngines[i].title==motor.title) // On compare le titre
            isAlready = true; // Si c'est similaire, alors on retient l'info
    }
    
    if(isAlready) // Si le moteur est dans la liste des moteurs séléctionné
        alert('Le moteur est déjà dans la liste');
    else if(!isAlready && motor.urlPrefix=='') // Si c'est un  moteur invalide
        alert('Cet moteur ne peut pas être sélectionné');
    else if(!isAlready && motor.urlPrefix!='') // Si le moteur valide n'est pas dans la liste des moteurs séléctionné
    {
        showTooltip(('La recherche se fera aussi sur %search_engine%').replace('%search_engine%', motor.title));
        selectedEngines.push(motor); // On l'ajoute dans la liste des moteurs séléctionné
    }
    updateSelectedMotors(); // Et on met à jour l'affichage de la liste des moteurs

    needToAddSelectedMotor = false; // On a fini de selectionner un moteur, donc à plus besoin normalement
}

function replaceMotor(id) // Si on veut changer de moteur de recherche déjà séléctionné
{
    changeSelectedMotor.isNeeded = true; // On signale qu'il faut remplacer un moteur séléctionné
    changeSelectedMotor.motorId = id; // On retiens l'ID du moteur à changer
    
    showMotors(); // On affiche la liste des moteurs
}

function changeSelectedMotorTo(motor)
{
    var isAlready=false; // isAlready sert à savoir si le moteur n'est pas déjà dans la liste des moteurs séléctionné

    if(motor.urlPrefix=='')
        alert('Cet moteur ne peut pas remplacer un autre');
    
    for(let i=0;i<selectedEngines.length;i++) // On va vérifier si le moteur n'est pas déjà dans la liste des moteurs séléctionné
    {
        if(selectedEngines[i].title==motor.title) // On compare le titre
            isAlready = true; // Si c'est similaire, alors on retient l'info
    }
    
    if(isAlready) // Si le moteur est dans la liste des moteurs séléctionné
        alert('Le moteur est déjà dans la liste');
    if(!isAlready) // Si le moteur n'est pas dans la liste des moteurs séléctionné
        selectedEngines[changeSelectedMotor.motorId] = motor; // On le remplace dans le tableau de la liste des moteurs séléctionné
    
    updateSelectedMotors(); // Et on met à jour l'affichage de la liste des moteurs

    changeSelectedMotor.isNeeded = false; // On a fini de remplacer le moteur, donc à plus besoin normalement
}

function removeSelectedEngine(arg) // Si on veut désélectionner un moteur de recherche
{
    if(arg > -1) // On s'assure que l'identifiant est valide
    {
        let engine = listSearchEngines[arg];
        let i;
        for(i=0;i<selectedEngines.length;i++) // On va chercher le moteur sélectionné
        {
            if(selectedEngines[i].title==engine.title)
            {
                engine.setSelected(false);
                break;
            }
        }

        selectedEngines.splice(i, 1);
    }

    updateSelectedMotors(); // Et on met à jour l'affichage de la liste des moteurs
}