document.addEventListener('DOMContentLoaded', () => {
    let btn = document.querySelector('.modalButton');
    btn.click();
});



const cells = document.querySelectorAll(".toBeEdited");

// For Checking
firsts = document.querySelectorAll(".firstCheck");
secs = document.querySelectorAll(".secCheck");
thirds = document.querySelectorAll(".thirdCheck");





for (let i=0;i < cells.length; i++){
    cells[i].onclick = function(){

        if (this.hasAttribute('data-clicked'))
            return;

        this.setAttribute('data-clicked', 'yes')
        this.setAttribute('data-text', this.innerHTML)

        let input = document.createElement('input');
        input.setAttribute('type', 'text');
        input.value = this.innerHTML;
        input.style.width = this.offsetWidth - (this.clientLeft * 2) + 'px';
        input.style.height = this.offsetHeight - (this.clientTop * 2) + 'px';
        input.style.border = '0px';
        input.fontFamily = 'inherit';
        input.fontSize = 'inherit';
        input.textAlign = 'inherit';
        input.style.backgroundColor = 'LightGoldenRodYellow';


        // On offclick
        input.onblur = function(){
            let td = input.parentElement;
            let origText = input.parentElement.getAttribute('data-text');
            let curText = this.value;

            if (origText != curText){
                td.removeAttribute('data-clicked');
                td.removeAttribute('data-text');
                td.innerHTML = curText;
                td.style.cssText = 'padding: .5rem .5rem';
            }
            else {
                td.removeAttribute('data-clicked');
                td.removeAttribute('data-text');
                td.innerHTML = origText;
                td.style.cssText = 'padding: .5rem .5rem';
            }



            // Here CHECK IF DONE
            finalAns = document.querySelector(".finalCheck");
            if (finalAns.textContent.toLowerCase() == "sukkpüksid");
                moveOnEnable();

            /*
            if (firsts[0].textContent != '' && firsts[0].textContent == firsts[1].textContent){
              if (secs[0].textContent != '' && secs[0].textContent == secs[1].textContent){

                if (thirds[0].textContent != '' && thirds[0].textContent == thirds[1].textContent)
                    moveOnEnable();

              }
            }
            */



            
        } // onblur func end


        input.onkeypress = function (){
            if (event.keyCode == 13)
                this.onblur();
        }

        this.innerHTML = '';
        this.style.cssText = 'padding: 0px';
        this.append(input);
        this.firstElementChild.select();
        



        
    } // OnClick Loop
} //ForLoop







// If Done

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