// Create a "close" button and append it to each list item
var myNodelist;
myNodelist = document.getElementsByClassName("todoLi");
var i;
for (i = 0; i < myNodelist.length; i++) {
    var span = document.createElement("SPAN");
    var txt = document.createTextNode("\u00D7");
    span.className = "close";
    span.appendChild(txt);
    myNodelist[i].appendChild(span);
}

// Click on a close button to hide the current list item
var close = document.getElementsByClassName("close");
var i;
for (i = 0; i < close.length; i++) {
    close[i].onclick = function() {
        var div = this.parentElement;
        div.style.display = "none";
    }
}

// Add a "checked" symbol when clicking on a list item
var list = document.querySelector('ul');
list.addEventListener('click', function(ev) {
    if (ev.target.tagName === 'LI') {
        ev.target.classList.toggle('checked');
    }
}, false);

// Create a new list item when clicking on the "Add" button
function newElement() {
    var li = document.createElement("li");
    var inputValue = document.getElementById("labelName").value;
    var t = document.createTextNode(inputValue);
    li.appendChild(t);
    if (inputValue === "") {
        document.getElementById("loginError").innerHTML="Missing label. Please try again!";
        document.getElementById("loginError").style.display = "inline-block";
    } else {
        document.getElementById("todolist").appendChild(li);

        jQuery.post("http://localhost:3307/todo", document.getElementById("labelName").value, function(){alert("Data posted successfully!")}, "text");

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

    var span = document.createElement("SPAN");
    var txt = document.createTextNode("\u00D7");
    span.className = "close";
    span.appendChild(txt);
    li.appendChild(span);

    for (i = 0; i < close.length; i++) {
        close[i].onclick = function() {
            var div = this.parentElement;
            div.style.display = "none";
        }
    }
}

function saveList() {
    var list = document.getElementsByClassName("todoLi");


}

$("#logInButton").click(function() {

    var username = document.getElementById("username").value;
    var password = document.getElementById("password").value;

    if (username == "admin" && password == "admin" && $('#logInCheckBox').is(':checked')) {
        localStorage.setItem("username", username);
        localStorage.setItem("password", password);

        return true;
    } else if (username == "admin" && password == "admin") {
        return true;
    } else {
        document.getElementById("loginError").innerHTML="Missing or incorrect user info. Please try again!";
        document.getElementById("loginError").style.display = "inline-block";

        return false;
    }

    var username = document.getElementById("username").value = "";
    var password = document.getElementById("password").value = "";
});