//Variable globales, à ne pas changer !!
var tableauImage = { "B":'photos\\biblio.png', "D":'photos\\dirt.png', "S":'photos\\sand.png',"G":'photos\\glowstone.png', "R":'photos\\redstone.png',"E":'photos\\emerald.png',
"I":'photos/diamond.png', "C":'photos/cobble.png', "M":'photos/magma.gif', "P":'photos/pumpkin.png', "O":'photos/command.gif'};
var Lignes = 1;

/* /!\ TRES IMPORTANT /!\
ICI SE TROUVE UN LISTENER, ON S'ASSURE QUE LA PAGE SOIT COMPLETEMENT CHARGER AVANT DE LOAD LES FONCTIONS */
$( document ).ready(function() {

    $(".placebloc img").on('click', addItem);

    $(document).keypress(function (e) {
        if (e.which == 13) {
            valider();
        }
    });


    $(document).on('keydown', function(event) {
       if (event.key == "Escape") {
         window.location.href = 'Accueil.html';
        }
   });


    setCode();
});



//---- HTML : LECTURE DES VALEURS INSCRITES DANS LES CLASSE OU ID DU HTML, POUR POUVOIR LIRE LES NUMEROS DE CASES, LIGNES
function getHtmlLigne() {
    return $("#ligne").val();
}

function getHtmlCase() {
    return $("#case").val();
}

//---- LIGNE : LECTURE DU CODE
function getLine(i){
    var case1=$('.ligne'+i+' #case1').attr('class');
    var case2=$('.ligne'+i+' #case2').attr('class');
    var case3=$('.ligne'+i+' #case3').attr('class');
    var case4=$('.ligne'+i+' #case4').attr('class');
    return case1+case2+case3+case4;
}

function setLine(line,code){
    var letters=code.split('');
    console.log(letters);
    for(i=1;i<=letters.length;i++){
        console.log('.ligne'+line+" "+'#case'+i);
        console.log(tableauImage[letters[i]]);
        //$('.ligne'+line+" "+'#case'+i).attr('src',tableauImage[letters[i-1]]);
        setLineCase(line,i,letters[i-1]);
    }
    $("#ligne").val(parseInt(getHtmlLigne())+1);

}

function setLineCase(line,node,letter){
    $('.ligne'+line+" "+'#case'+node).attr('src', tableauImage[letter]);
    $('.ligne'+line+" "+'#case'+node).addClass(letter);
}

function setLineCaseRes(line,node,letter){
    $('.ligneRes'+line+" "+'#caseRes'+node).attr('src', tableauImage[letter]);
    $('.ligneRes'+line+" "+'#caseRes'+node).addClass(letter);
}

function setCase(value) {
    //$("#case").val(value);
    $("#case").attr('value', value);
}

function addItem() {
    //console.log($(this).attr('id'));
    if (handleError()) return;

    switch($(this).attr('id')){
        case "biblio_item" :
            setLineCase(0,getHtmlCase(),'B');
            break;
        case "dirt_item" :
            setLineCase(0,getHtmlCase(),'D');
            break;
        case "sand_item" :
            setLineCase(0,getHtmlCase(),'S');
            break;
        case "glowstone_item" :
            setLineCase(0,getHtmlCase(),'G');
            break;
        case "cobble_item" :
            setLineCase(0,getHtmlCase(),'C');
            break;
        case "magma_item" :
            setLineCase(0,getHtmlCase(),'M');
            break;
        case "pumpkin_item" :
            setLineCase(0,getHtmlCase(),'P');
            break;
        case "command_item" :
            setLineCase(0,getHtmlCase(),'O');
            break;
    }
    setCase(parseInt(getHtmlCase())+1);

}

function handleError() {
    if (parseInt(getHtmlCase()) === 5) {
        return true;
    }
    return false;
}

function clearLine(line){
    for(i=1;i<=4;i++){
        $('.ligne'+line+" "+'#case'+i).attr('src',"photos/transparent.png");
        $('.ligne'+line+" "+'#case'+i).attr('class','');
    }

}

function versAccueil(){
    location.href = "Accueil.html";
}


//En cliquant sur le coffre, valide le choix du joueur
function valider(){
        if (parseInt(getHtmlLigne()) >= 11 && parseInt(getHtmlLigne()) < 12 ) {
            $('#steve #panal').attr('src', 'photos/signEssai.png');
        }

        if (parseInt(getHtmlLigne())>=12) {
                $('#steve #panal').attr('src', 'photos/signPerdu.png');
                $('#steve #lien').attr('href', 'Accueil.html');
        }

        console.log($(this).attr('id'));
        if (parseInt(getHtmlCase()) >= 5) {
            afficheResultat();
            setCase(1);
            setLine(getHtmlLigne(),getLine(0));
            clearLine(0);
            checkCode(getLine(getHtmlLigne()-1));

            return true;
        }
        return false;
}

//----CODE :  CREATION, SETTER, GETTER, CHECK

//Création du code aléatoirement à partir des lettres BDSG
function createCode() {
   var result           = '';
   var characters       = 'BDSGCMPO';
   var charactersLength = characters.length;
   for ( var i = 0; i < 4; i++ ) {
      result += characters.charAt(Math.floor(Math.random() * charactersLength));
   }
   return result;
}

//Setter du code aléatoire dans l'input destiné à cela, ligne 184 - MasterCraftHard.HTML
function setCode() {
    masterMindCode = createCode(); // TODO random
    $("#code").val(masterMindCode);
}

//Getter du code aléatoire dans l'input destiné à cela, ligne 184 - MasterCraftHard.HTML
function getCode(){
    return $("#code").val();
}

//Test si le code aléatoire correspond au code proposé par le Joueur                  ----GAGNÉ
function checkCode(testCode) {
    //return testCode==getCode();
    if (testCode == getCode()) {
        $('#steve #panal').attr('src', 'photos/signGagne.png');

        $('#steve #lien').attr('href', 'Accueil.html');
        $(".placebloc img").remove()
    } else {
        return false;
    }
}




//----RESULTAT : CHECK, AFFICHAGE

function afficheResultat(){
    //var caseS = 1;
    var codeJoueur = getLine(0).split('');
    var codeATrouver = getCode().split('');

    for (var i = 0; i < 4; i++) {
        if (codeATrouver.includes(codeJoueur[i])) {
            if(codeJoueur[i] == codeATrouver[i]){
            setLineCaseRes(Lignes,i+1,'I');
            } else {
                setLineCaseRes(Lignes,i+1,'E');
            }
        } else{
            setLineCaseRes(Lignes,i+1,'R');
        }
    }
    Lignes++;
    //caseS = 1;
}

function annuler(){
    $('.ligne'+0+" "+'#case'+parseInt(getHtmlCase()-1)).attr('src',"photos/transparent.png");
    $('.ligne'+0+" "+'#case'+parseInt(getHtmlCase()-1)).attr('class','');

    if ($('.levier img').attr('src') == 'photos/levierDown.png'){
        $('.levier img').attr('src', 'photos/levierUp.png');
    } else {
        $('.levier img').attr('src', 'photos/levierDown.png');
    }

    if ((parseInt(getHtmlCase())-1) >=1) {
        setCase(parseInt(getHtmlCase())-1);
    }
}