// login register form by AJAX
loginForm.addEventListener('submit', function(event) {
    event.preventDefault();
    loginErrors.classList.remove('active');
    $.ajax({
        url: '/login',
        method: 'POST',
        data: {
            username: registerForm.username.value,
            password: registerForm.password.value,
        },
        success: function (response) {
            console.log(response);
        },
        error: function (error) {
            if (error.status === 401 ) {
                showErrors(['Wrong username or password'], 'login')
            } else if (error.status === 403) {
                var responseErrors = JSON.parse(error.responseText).errors;
                var errors = [];
                for (error in responseErrors) {
                    errors.push(responseErrors[error].msg)
                }
                showErrors(errors, 'login')
            } else if (errors.status === 422){
                showErrors(['something wrong happened وخلاص'], 'login')
            }
        }
    })
})