function test() {
    console.log('popo');
    console.log(datas);

    window.verbs.initListVerbes();
    /*
    for (var i = 0; i < window.temps.length; i++) {
        window.verbs.displayVerbe("verbTarget", window.datas.Verbes[0], window.temps[i]);
    }
*/
}
function test2() {
    console.log("test2");
    window.verbs.Note = 0;
    var k = 0;
    for (var i = 0; i < window.verbs.selectedTemps.length; i++) {
        k++;
        var note = window.verbs.checkVerb(window.datas, window.verbs.currentVerb, window.verbs.selectedTemps[i]);
        window.verbs.Note += note;
    }
    var score = document.getElementById("noteFullTarget");
    score.innerHTML = `<div><b>Score : &nbsp;${window.verbs.Note} / ${k * 6}</b></div>`;
}

const sujet = ["Je", "Tu", "Il", "Nous", "Vous", "Ils"];

window.verbs = window.verbs || {};

window.verbs.selectedTemps = [];


window.verbs.checktemps = function () {
    for (var i = 0; i < window.temps.length; i++) {
        const div = document.getElementById(`chk_${window.tempsFull[i].Temps}`);
        //console.log("chk", div);
        var verrb = `${window.verbs.currentVerb.Verbe}_${window.tempsFull[i].Temps}`;
        var verbElem = document.getElementById(verrb);
        if (div.checked) {
            if (!window.verbs.selectedTemps.includes(div.name)) {
                window.verbs.selectedTemps.push(div.name);
                verbElem.setAttribute("class", "verbContainer");
            }
        } else {
            if (window.verbs.selectedTemps.includes(div.name)) {
                window.verbs.selectedTemps.pop(div.name);
                verbElem.setAttribute("class", "verbContainer hideAnswer");
            }
        }
    }
    console.log(window.verbs.selectedTemps);
}

window.verbs.changeVerb = function (val, targetId) {
    const dest = document.getElementById(targetId);
    dest.innerHTML = "";
    console.log('changeVerb');
    console.log(datas);
    console.log(val);
    window.verbs.currentVerb = window.datas.Verbes[val];

    window.verbs.checktemps();
    for (var i = 0; i < window.verbs.selectedTemps.length; i++) {
        window.verbs.displayVerbe("verbTarget", window.datas.Verbes[val], window.verbs.selectedTemps[i]);
    }
}

window.verbs.Attr = function (name, val, parent) {
    parent.setAttribute(name, val);
}
window.verbs.initListVerbes = function () {
    const cbx = document.getElementById("listVerbes");
    const verbTarget = document.getElementById("verbTarget");
    verbTarget.innerHTML = "";
    for (var i = 0; i < window.datas.Verbes.length; i++) {
        const opt1 = document.createElement("option");
        opt1.value = `${i}`;
        opt1.text = window.datas.Verbes[i].Verbe;

        cbx.add(opt1, null);

    }
    window.verbs.currentVerb = window.datas.Verbes[0];
    for (var i = 0; i < window.temps.length; i++) {
        window.verbs.displayVerbe("verbTarget", window.datas.Verbes[0], window.temps[i]);
    }

    //liste des temps    
    const dest = document.getElementById("chkTemps");
    var html = "";
    for (var i = 0; i < window.tempsFull.length; i++) {
        html += `<div><b>${window.tempsFull[i].Libelle}</b><input type="checkbox" id="chk_${window.tempsFull[i].Temps}" checked name="${window.tempsFull[i].Temps}" onChange="window.verbs.checktemps();" /></div>`;
    }
    dest.innerHTML = html;
    window.verbs.checktemps();
}

window.verbs.displayVerbe = function (targetId, verb, temps) {
    const dest = document.getElementById(targetId);

    var div = document.createElement("div");
    window.verbs.Attr("class", "verbContainer", div);
    window.verbs.Attr("id", `${verb.Verbe}_${temps}`, div);

    //titre
    var divTitle = document.createElement("div");
    divTitle.innerHTML = `Conjugation du verbe : <b>${verb.Verbe}</b> au : <b>${temps}</b>`;
    div.appendChild(divTitle);

    var tbl = document.createElement("table");
    div.appendChild(tbl);

    for (var i = 0; i < sujet.length; i++) {
        var tr = document.createElement("tr");
        //sujet
        var td = document.createElement("td");
        console.log(verb["Temps"][temps]);
        td.innerText = `${sujet[i]}`;
        tr.appendChild(td);

        //a conjuguer
        td = document.createElement("td");
        var input = document.createElement("input");
        input.setAttribute("id", `${sujet[i]}${temps}`);
        input.setAttribute("class", `conjInputQuestion`);
        td.appendChild(input);
        tr.appendChild(td);

        //reponse
        td = document.createElement("td");
        console.log(verb["Temps"][temps]);
        td.innerHTML = `<div id="ans_${sujet[i]}${temps}" class="hideAnswer">${verb["Temps"][temps][sujet[i]]}</div>`;
        tr.appendChild(td);

        tbl.appendChild(tr);
    }

    var divNote = document.createElement("div");
    divNote.setAttribute("id", `note_${temps}`);
    divNote.innerText = ``;
    div.appendChild(divNote);

    dest.appendChild(div);

    return div;
}

window.verbs.checkVerb = function (data, verb, temps) {

    var score = 0;
    for (var i = 0; i < sujet.length; i++) {
        const rep = document.getElementById(`${sujet[i]}${temps}`);
        const ans = document.getElementById(`ans_${sujet[i]}${temps}`);
        ans.setAttribute("class", `showAnswer`);
        if (rep.value.trim() == verb.Temps[temps][sujet[i]]) {
            rep.setAttribute("class", `conjInputSuccess`);
            score++;
        } else {
            rep.setAttribute("class", `conjInputFail`);
        }
    }
    verb.Note = score;

    const note = document.getElementById(`note_${temps}`);
    data.note = note;
    note.innerText = `${score} / 6`;
    return verb.Note;
}