//Password toggle
const togglePassword = document.querySelector("#togglePassword");
const password = document.querySelector("#regpassword");

togglePassword.addEventListener("click", function () {
    // toggle the type attribute
    const type = password.getAttribute("type") === "password" ? "text" : "password";
    password.setAttribute("type", type);

    // toggle the icon
    this.classList.toggle("bi-eye");
});

// prevent form submit
const form = document.querySelector("form");
form.addEventListener('submit', function (e) {
    e.preventDefault();
});

document.getElementById("regsubmit").addEventListener("click", function () {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
            alert("200 now you can login");
        } else if (this.readyState == 4) {
            alert("something not work :( " + this.status);
        }
    }
    xhttp.open("PUT", "https://dragonmaster.pl/inz/user/create");
    xhttp.send('{"username":"' + document.getElementById("regusername").value + '","name":"' + document.getElementById("regname").value + '","surname":"' + document.getElementById("regsurname").value + '","password":"' + document.getElementById("regpassword").value + '","mail":"' + document.getElementById("regmail").value + '","phone":"' + document.getElementById("regphone").value + '"}');
});

function register() {
    fetch('https://dragonmaster.pl/inz/user/create', {
        method: "PSOT",
        headers: {
            'Content-type': 'application/json'
        },
        body: JSON.stringify(
            {
                "username": document.getElementById("regusername").value,
                "name": document.getElementById("regname").value,
                "surname": document.getElementById("regsurname").value,
                "password": document.getElementById("regpassword").value,
                "mail": document.getElementById("regmail").value,
                "phone": document.getElementById("regphone").value
            }
        )
    }
    )
        .then(res => {
            if (res.ok) {
                alert("Teraz mozesz się zalogować!")
                window.open("../panel_organizatora/logowanie/index.html");
            }
            else { console.log("Coś poszło nie tak!") }
            return res
        })
        .then(res => res.json())
        .then(data => console.log(data))
        .catch(error => console.log(error))
}