var accessToken = undefined;
var refreshToken = undefined;
var userId = undefined;
const loginError = document.querySelector("#login-error");

document.getElementById("login-form").addEventListener("submit", function(event) {
    event.preventDefault();
    const username = document.getElementById("username").value;
    const password = document.getElementById("password").value;
    const credentials = `${username};${password}`;
    login(credentials);
});

logoutButton.onclick = () => {
    logout();
}

function startLogin(){
    loginForm.style.display = "";
    mainContainer.style.display = "none"; 
}

function onLogoutSuccess(){
    accessToken = undefined;
    refreshToken = undefined;
    startLogin();
}

function onLoginError(message){
    loginError.style.display = "";
}

function onLoginSuccess(accessToken, refreshToken){
    loginForm.style.display = "none";
    mainContainer.style.display = ""; 
}