//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(vastus, nr){
    message("Õige!", "green");
    console.log(nr);

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

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


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

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

}

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

    switch (nr) {
    case "1": 
        if (vastus == "kurk") õigeVastus(vastus, nr);
        else{
            let tähed = document.querySelectorAll(".kurk");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(vastus, nr);   
        }
        break;

        
    case "2": 
        if (vastus == "majonees") õigeVastus(vastus);
        else {
            let tähed = document.querySelectorAll(".majonees");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(vastus, nr);   
            
        }
        break;

    case "3": 
        if (vastus == "porgand") õigeVastus(vastus);
        else {
            let tähed = document.querySelectorAll(".porgand");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(vastus, nr);   
            
        }
        break;
        
    case "4": 
        if (vastus == "vorst") õigeVastus(vastus);
        else {
            let tähed = document.querySelectorAll(".vorst");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(vastus, nr);   
            
        }
        break;

    case "5": 
        if (vastus == "õun") õigeVastus(vastus);
        else {
            let tähed = document.querySelectorAll(".õun");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(vastus, nr);   
            
        }
        break;

    case "6": 
        if (vastus == "sool") õigeVastus(vastus);
        else {
            let tähed = document.querySelectorAll(".sool");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(vastus, nr);   
            
        }
        break;

    case "7": 
        if (vastus == "pipar") õigeVastus(vastus);
        else {
            let tähed = document.querySelectorAll(".pipar");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(vastus, nr);   
            
        }
        break;

    case "8": 
        if (vastus == "hernes") õigeVastus(vastus);
        else {
            let tähed = document.querySelectorAll(".hernes");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(vastus, nr);   
            
        }
        break;


    case "9": 
        if (vastus == "muna") õigeVastus(vastus);
        else {
            let tähed = document.querySelectorAll(".muna");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(vastus, nr);   
            
        }
        break;
        
    case "10": 
        if (vastus == "sibul") õigeVastus(vastus);
        else {
            let tähed = document.querySelectorAll(".sibul");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(vastus, nr);   
            
        }
        break;
        
    case "11": 
        if (vastus == "hapukoor") õigeVastus(vastus);
        else {
            let tähed = document.querySelectorAll(".hapukoor");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(vastus, nr);   
            
        }
        break;

    case "12": 
        if (vastus == "kartul") õigeVastus(vastus);
        else {
            let tähed = document.querySelectorAll(".kartul");
            for (let i = 0; i < tähed.length; i++) {
                if (i == 0)
                    tähed[i].childNodes[1].style.display = "none";
                else
                    tähed[i].childNodes[0].style.display = "none";
            }

            valeVastus(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;

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



// Button func

function moveOnEnable(){
	const button = document.querySelector(".btn");
	button.classList.remove('disabled');
	button.setAttribute('aria-disabled', false);
	console.log("done");

	counter = 0;
}