function attachEvents() {
    console.log("LOADING LOGIN PAGE CLEARS THE SESSION STORAGE!")
    sessionStorage.clear();
    
 
    let forms = Array.from(document.getElementsByTagName("form"));
    let regForm = forms[0];
 
 
    regForm.addEventListener("submit", function (e) {
        e.preventDefault();
        let regFormData = new FormData(regForm)
        register(regFormData);
    })
 
    function register(regFormData) {
        let email = regFormData.get("email");
        let password = regFormData.get("password");
        let rePass = regFormData.get("rePass");
 
        if (email.length > 0 && password.length > 0 && rePass.length > 0) {
 
            if (password !== rePass) {
                alert("Passwords are different!");
            } else {
                let newUser = {
                    email,
                    password
                }
 
                let myHeaders = new Headers();
                myHeaders.append("Content-Type", "application/json");
 
                var raw = JSON.stringify(newUser);
 
                var requestOptions = {
                    method: 'POST',
                    headers: myHeaders,
                    body: raw,
                    redirect: 'follow'
                };
 
                fetch("http://localhost:3030/users/register", requestOptions)
                    .then(response => response.json())
                    .then(result => redirect(result.accessToken, email))
                    .catch(error => console.log('error', error));
            }
        }
    }


 
    let logForm = forms[1];
    logForm.addEventListener("submit", function (e) {
        e.preventDefault();
        let logFormData = new FormData(logForm)
        login(logFormData);
    })
 
    function login(logForm) {
        let email = logForm.get("password");
        let password = logForm.get("password");
 
        let logObj = {
            email,
            password
        }
 
        let myHeaders = new Headers();
        myHeaders.append("Content-Type", "application/json");
 
        let raw = JSON.stringify(logObj);
 
        var requestOptions = {
            method: 'POST',
            headers: myHeaders,
            body: raw,
            redirect: 'follow'
        };
 
        fetch("http://localhost:3030/users/login", requestOptions)
            .then(response => response.json())
            .then(result=> redirect(result.accessToken,email))
           
            .catch(error => console.log('error', error));
    }
 
    function redirect(token,email){
        sessionStorage.setItem("token", token);
        console.log(sessionStorage.getItem("token"));
        sessionStorage.setItem("loggedEmail",email);
        console.log(sessionStorage.getItem("loggedEmail"))
        window.location.pathname="/index.html";
     
    }
 
}
 
attachEvents()