SoftUni Administration

function solve() {

    //get the Add button
    let addButton = document.getElementsByClassName("form-control")[3].children[0];
    addButton.addEventListener("click", addFunc);

    let inputElements = Array.from(document.querySelectorAll("form input"));
    let selectEl = document.getElementsByTagName("select")[0];
    //console.log(selectEl.value)

    let [lectureNameInput, dateInput] = inputElements;


    let divClassModules = document.getElementsByClassName("modules")[0];
    //console.log(divClassModules)

    function addFunc(e) {
        e.preventDefault();

        // console.log(lectureNameInput.value);
        // console.log(dateInput.value);
        // console.log(selectEl.value)

        let dateArr = dateInput.value.split("T")
        let date = dateArr[0].split("-").join("/")
        let time = dateArr[1];

        // console.log(date);
        // console.log(time);

        if (selectEl.value == "Select module" || !lectureNameInput.value || !dateInput.value) {
            console.log("ne")
            return;
        }

        let newDivEl = document.createElement("div");
        newDivEl.className = "module";
        let newH3El = document.createElement("h3");
        newH3El.textContent = selectEl.value.toUpperCase() + "-MODULE";
        let neUlEl = document.createElement("ul");
        let newLiEl = document.createElement("li");
        newLiEl.className = "flex";

        let newH4El = document.createElement("h4");
        newH4El.textContent = `${lectureNameInput.value} - ${date} - ${time}`;



        let buttonDel = document.createElement('button');
        buttonDel.textContent = "Del";
        buttonDel.className = "red";
        buttonDel.addEventListener("click", deleteLi);


        newLiEl.appendChild(newH4El);
        newLiEl.appendChild(buttonDel)
        neUlEl.appendChild(newLiEl);


        let modulesArr = Array.from(document.querySelectorAll(".modules")[0].children);

        let moduleToFind = modulesArr.find(moduleToFind => moduleToFind.children[0].textContent == (selectEl.value.toUpperCase() + "-MODULE"));

        if (moduleToFind) {
            moduleToFind.children[1].appendChild(newLiEl);

            // let ulElArr = Array.from(moduleToFind.children[1].children);
            // ulElArr.sort((a, b) => a.children[0].localeCompare(b.children[0]));

        } else {
            newDivEl.appendChild(newH3El);
            newDivEl.appendChild(neUlEl);
            divClassModules.appendChild(newDivEl);
        }

    }



    function deleteLi(e) {

        let mainParentElement = e.currentTarget.parentElement.parentElement.parentElement; //class modules

        // console.log(Array.from(e.currentTarget.parentElement.parentElement.children).length); //ul

        if (Array.from(e.currentTarget.parentElement.parentElement.children).length < 2) { //ако има по-малко от 1 li в този модул - трием целия модул

            mainParentElement.remove();

        } else {
            e.currentTarget.parentElement.remove(); //трием само li-то
        }

    }


};