softuni Administration - kolega

function solve() {
    let newLectureInputElements = document.querySelectorAll('div[class="form-control"] input');
    let lectureNameInput = newLectureInputElements[0];
    let dateInput = newLectureInputElements[1];
    let selectInput = document.querySelector('div[class="form-control"] select');
    let addLectureBtn = document.querySelector('div[class="form-control"] button');
    // console.log(lectureNameInput.value);
    // console.log(dateInput.value);
    // console.log(selectInput.value);
    // console.log(addLectureBtn);

    let modulesDivElement = document.querySelector('div[class="modules"]');
    // console.log(modulesDivElement);

    addLectureBtn.addEventListener("click", function (e) {
        if (lectureNameInput.value && dateInput.value && selectInput.value !== "Select module") {
            e.preventDefault();

            let allModules = Array.from(modulesDivElement.children);

            let customDate = new Date(dateInput.value);
            let resultDate = `${customDate.getFullYear()}/${customDate.getMonth() + 1}/${customDate.getDate()} - ${customDate.getHours()}:${customDate.getMinutes() < 10 ? '0' + customDate.getMinutes() : customDate.getMinutes()}`;
            let currentModule = allModules.find(x => x.firstChild.textContent.includes(selectInput.value.toUpperCase()));
            let ulElement = document.createElement("ul");
            let liElement = document.createElement("li");
            liElement.classList.add("flex");
            let h4Element = document.createElement("h4");
            h4Element.textContent = `${lectureNameInput.value} - ${resultDate}`;
            let delBtn = document.createElement("button");
            delBtn.classList.add("red");
            delBtn.textContent = "Del";

            if (currentModule) {


                liElement.appendChild(h4Element);
                liElement.appendChild(delBtn);
                // ulElement.appendChild(liElement);
                currentModule.children[1].appendChild(liElement);


                let allLiElements = Array.from(currentModule.children[1].children);
                allLiElements.sort((a, b) => {
                    let indexDash = a.firstChild.textContent.indexOf("-");
                    let aname = a.firstChild.textContent.substring(0, indexDash - 1);
                    let adate = a.firstChild.textContent.substring(indexDash + 2);

                    let bname = b.firstChild.textContent.substring(0, indexDash - 1);
                    let bdate = b.firstChild.textContent.substring(indexDash + 2);
                    if (aname === bname) {
                        let res = adate.localeCompare(bdate)
                        console.log(res);
                        return res;
                    }
                });


                // currentModule.children[1].children = allLiElements;
                currentModule.children[1].innerHTML = "";
                allLiElements.forEach(x => {
                    currentModule.children[1].appendChild(x);
                })
                modulesDivElement.appendChild(currentModule);
            } else {
                let moduleDiv = document.createElement("div");
                moduleDiv.classList.add("module");
                let h3Element = document.createElement("h3");
                h3Element.textContent = selectInput.value.toUpperCase() + "-MODULE";

                liElement.appendChild(h4Element);
                liElement.appendChild(delBtn);
                ulElement.appendChild(liElement);


                moduleDiv.appendChild(h3Element);
                moduleDiv.appendChild(ulElement);

                modulesDivElement.appendChild(moduleDiv);
            }

            delBtn.addEventListener("click", function (e) {
                let currentUlElement = e.target.parentElement.parentElement;
                let curentLiElement = e.target.parentElement;

                if (Array.from(currentUlElement.children).length > 1) {
                    currentUlElement.removeChild(curentLiElement);
                } else {
                    currentUlElement.parentElement.parentElement.removeChild(currentUlElement.parentElement);
                }
            })

            lectureNameInput.value = ""
            dateInput.value = ""
            selectInput.value = "Select module"
        }
    });
};