let izveletaPriorit = "Vidēja";													// default
let Dropdown = document.getElementById("dropdown_toggle");
let izveletaPrioritate = "Zema";
let Loading = false;
document.querySelectorAll("#prioritates a").forEach(item => {					// katram <a> iekš <id="prioritates">
    item.onclick = function (e) {												// nospiežot <a>, izpilda funkciju, izmantojot e notikuma objektu
        e.preventDefault();														// neļauj <a> pārlādēt lapu vai aiziet uz linku
        izveletaPrioritate = this.dataset.value;								// this - izvēlētais <a>, dataset.value - paņem data-value no HTML
        Dropdown.classList.remove('btn-secondary');
        Dropdown.classList.remove('btn-danger');
        Dropdown.classList.remove('btn-warning');
         if (izveletaPrioritate == "Svarīgi") {
            Dropdown.classList.add('btn-danger');
         } else if (izveletaPrioritate == "Vidēja") {
            Dropdown.classList.add('btn-warning');
         } else {
             Dropdown.classList.add('btn-secondary');
         }
    };
});

function loadFromStorage() {
    const data = localStorage.getItem("todoList");
    if (!data) return;

    const tasks = JSON.parse(data);

    tasks.forEach(task => {
        izveletaPrioritate = task.priority;

        document.getElementById("teksts").value = task.text;

        Pievienosana();

        const saraksts = document.getElementById("task-list");
        const lastItem = saraksts.lastElementChild;

        const checkbox = lastItem.querySelector("input");
        const tekstsSpan = lastItem.querySelector("span:nth-of-type(2)");

        checkbox.checked = task.completed;

        if (task.completed) {
            tekstsSpan.classList.add("izsvitrots");
            tekstsSpan.style.opacity = "0.5";
        }
    });

    document.getElementById("teksts").value = "";
}

function saveToStorage() {
    const allTasks = [];

    document.querySelectorAll("#task-list li").forEach(li => {
        const text = li.querySelector("span:nth-of-type(2)").textContent.trim();
        const priority = li.querySelector(".badge").textContent;
        const completed = li.querySelector("input").checked;

        allTasks.push({
            text: text,
            priority: priority,
            completed: completed
        });
    });

    localStorage.setItem("todoList", JSON.stringify(allTasks));
}

function Pievienosana() {
    const saraksts = document.getElementById("task-list");          			// ul vērtība
    const sarakstElem = document.createElement('li');               			// izveido saraksta elementu
    const teksts = document.getElementById('teksts');               			// ievadlauka vērtība
	
    sarakstElem.classList.add("list-group-item", "justify-content-between");	// pievieno saraksta elementam klases

	const prioritIndikator = document.createElement('span');
    if (izveletaPrioritate == "Svarīgi") {
        prioritIndikator.classList.add ("badge", "bg-danger");
        
    } else if (izveletaPrioritate == "Vidēja") {
        prioritIndikator.classList.add ("badge", "bg-warning");
        
    } else {
        prioritIndikator.classList.add ("badge", "bg-secondary");
        
    }
   
    prioritIndikator.innerHTML = izveletaPrioritate;
	
	const checkb = document.createElement('input');
	checkb.type = "checkbox";													// izveido logu
	
	checkb.onclick = function () {
    if (checkb.checked) {
        tekstsSpan.classList.add("izsvitrots");
        tekstsSpan.style.opacity = "0.5";
    }
	else {
		tekstsSpan.classList.remove("izsvitrots");
        tekstsSpan.style.opacity = "1";
    }
    saveToStorage()
	};
	
    const tekstsSpan = document.createElement('span');							// pievieno saraksta elementam lauku tekstam
    tekstsSpan.textContent = " " + teksts.value + " ";                   		// pievieno saraksta elementam ievadlauka vērtību
	
    const dzest = document.createElement('button');                 			// izveido pogu
    dzest.classList.add("btn", "btn-outline-danger");							// pievieno pogai klases
    dzest.innerText = "Dzēst";                                      			// pievieno pogai nosaukumu
	
    dzest.onclick = function Dzesana() {
        sarakstElem.remove();
        saveToStorage()
    };
	
    sarakstElem.appendChild(prioritIndikator);                      			// pievieno sarakstam prioritātes indikatoru
	sarakstElem.appendChild(checkb);
	sarakstElem.appendChild(tekstsSpan);
    sarakstElem.appendChild(dzest);                                 			// pievieno saraksta elementam pogu "Dzēst"
	saraksts.appendChild(sarakstElem);                              			// pievieno sarakstam saraksta elementu
	
    teksts.value = "";
    if (Loading === false){
     saveToStorage()   
    }
}

window. addEventListener('load', (event) => {
    Loading = true;
    loadFromStorage();
    Loading = false;
});