//TODO delete arr not good and also undefined passing into õigeVastus ja valeVastus funks
let counter = 0;
let õiged = new Array();


function message(msg, color){
    messageBox = document.querySelector(".messageBox");
    messageBox.innerHTML = msg;
    messageBox.style.color = color;
}


function õigeVastus(nr, vastus){
    message("Õige!", "green");

    let tähed = document.querySelectorAll("."+vastus);
    for (let i = 0; i < tähed.length; i++) {
            tähed[i].childNodes[0].style.display = "inline";
    }

    if (!õiged.includes(nr)) {
        õiged.push(nr);
        counter++;
    }
    if (counter >= 12)
        moveOnEnable();
}


function valeVastus(tähed, nr, vastus){
    message("Vale pakumine, proovi uuesti", "red");

    for (let i = 0; i < tähed.length; i++) {
            tähed[i].childNodes[0].style.display = "none";
    }

    if (õiged.includes(nr)) {
        delete õiged[õiged.indexOf(nr)];
        counter--;
    }

}

function kontrolliVastus(nr, vastus){
    nr += ''; // dont know, andis errorit

    switch (nr) {
    case "1": 
        if (vastus == "kurk") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".kurk");
            valeVastus(tähed, vastus, nr);   
        }
        break;
        

    case "2": 
        if (vastus == "majonees") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".majonees");
            valeVastus(tähed, vastus, nr);   
        }
        break;


    case "3": 
        if (vastus == "porgand") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".porgand");
            valeVastus(tähed, vastus, nr);   
        }
        break;
        
        
    case "4": 
        if (vastus == "vorst") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".vorst");
            valeVastus(tähed, vastus, nr);   
        }
        break;


    case "5": 
        if (vastus == "õun") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".õun");
            valeVastus(tähed, vastus, nr);   
        }
        break;


    case "6": 
        if (vastus == "sool") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".sool");
            valeVastus(tähed, vastus, nr);   
        }
        break;


    case "7": 
        if (vastus == "pipar") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".pipar");
            valeVastus(tähed, vastus, nr);   
        }
        break;

    case "8": 
        if (vastus == "hernes") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".hernes");
            valeVastus(tähed, vastus, nr);   
        }
        break;


    case "9": 
        if (vastus == "muna") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".muna");
            valeVastus(tähed, vastus, nr);   
        }
        break;
        
    case "10": 
        if (vastus == "sibul") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".sibul");
            valeVastus(tähed, vastus, nr);   
        }
        break;
        
    case "11": 
        if (vastus == "hapukoor") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".hapukoor");
            valeVastus(tähed, vastus, nr);   
        }
        break;

    case "12": 
        if (vastus == "kartul") õigeVastus(nr, vastus);
        else{
            let tähed = document.querySelectorAll(".kartul");
            valeVastus(tähed, vastus, nr);   
        }
        break;


    default: message("Proovi uuesti", "red");
    }
    
}



function getInputValue() {
    // Selecting the input element and get its value 
    let inputVal = document.getElementById("inputId").value;
    let inputNr = document.getElementById("inputNr").value;

    if (inputNr == "" || inputVal == ""){
        message("Palun täida mõlemad väljad", "red");
    }
    else{
        kontrolliVastus(inputNr, inputVal.toLowerCase());
    }
}



// Button funcs

function enterSubmit(){
    document.getElementById('inputId')
    .addEventListener('keyup', event => {
            if (event.code === 'Enter')
            {
                event.preventDefault();
                getInputValue();
            }
        });
}
enterSubmit()

function moveOnEnable(){
    const btn = document.querySelector(".moveOn");
    btn.disabled = false;
    btn.onclick = () => location.href = "";

    // submit btn
	const subButton = document.querySelector(".subBtn");
	subButton.disabled = true;

	counter = 0;
}