function storeCredentials() {
    let usernameInput = document.getElementById('username');
    let passwordInput = document.getElementById('password');
    let credentials = {
            username: usernameInput.value,
            password: passwordInput.value
        }
        // sessionStorage.setItem('credentials', JSON.stringify(credentials));
    localStorage.setItem('username', usernameInput.value);

    var jqxhr = $.ajax({
        type: 'GET',
        url: `http://${hostAddress}/api/chat/get/token`,
        headers: {
            "Authorization": "Basic " + btoa(usernameInput.value + ":" + passwordInput.value)
        },
    });
    //this section is executed when the server responds with no error 
    jqxhr.done(function() {
        let authToken = jqxhr.getResponseHeader('X-AUTH-TOKEN');
        localStorage.setItem('authToken', authToken);
        console.log("getting header " + authToken);
    });
    //this section is executed when the server responds with error
    jqxhr.fail(function() {
        console.error('Error retrieving auth token');
    })
}

let loginForm = document.getElementById('loginForm');
loginForm.addEventListener('submit', function(e) {
    // e.preventDefault();
    storeCredentials();
})