document.addEventListener("DOMContentLoaded", function() {
    document.addEventListener("keyup", function(event) {
        if (event.key === "Enter") {
            event.preventDefault();
            signUp();
        }
    });
});

function signUp() {
    const usernameInput = document.getElementById("usernameInput");
    const emailInput = document.getElementById("emailInput");
    const passwordInput = document.getElementById("passwordInput");
    const confirmPasswordInput = document.getElementById("confirmPasswordInput");
    const cfmPasswordMsg = document.getElementById("cfmPasswordMsg");
    const signUpButton = document.getElementById("signUpButton");

    cfmPasswordMsg.style.visibility = 'visible'

    if (!usernameInput.value || usernameInput.value == "" || !emailInput.value || emailInput.value == "" || !passwordInput.value || passwordInput.value == "" || !confirmPasswordInput.value || confirmPasswordInput.value == "") {
        cfmPasswordMsg.style.color = 'red'
        cfmPasswordMsg.innerHTML = "Please fill in all the fields."
        return
    }

    if (passwordInput.value !== confirmPasswordInput.value) {
        cfmPasswordMsg.style.color = 'red'
        cfmPasswordMsg.innerHTML = "Passwords do not match."
        return
    }
    
    signUpButton.disabled = true
    signUpButton.innerText = "Creating account..."

    axios({
        method: 'post',
        url: '/api/createAccount',
        headers: {
            'Content-Type': 'application/json',
            'VerdexAPIKey': 'verdex@G22023'
        },
        data: {
            "username": usernameInput.value,
            "email": emailInput.value,
            "password": passwordInput.value
        }
    })
    .then(response => {
        if (response.status == 200) {
            if (!response.data.startsWith("ERROR:")) {
                if (!response.data.startsWith("UERROR:")) {
                    if (response.data.startsWith("SUCCESS")) {
                        signUpButton.innerHTML = "Account created! Redirecting now..."
                        if (response.data.startsWith("SUCCESS ITINERARYREDIRECT:")) {
                            location.href = `${origin}/editor/${response.data.substring("SUCCESS ITINERARYREDIRECT: Account created successfully. Itinerary ID: ".length)}`
                        } else {
                            location.href = `${origin}/account/info`;
                        }
                    } else {
                        cfmPasswordMsg.style.color = 'red'
                        cfmPasswordMsg.innerText = "An unknown error occured in creating the account. Please try again."
                        console.log("Unknown response received: " + response.data)
                    }
                } else {
                    console.log("User error occured: " + response.data)
                    cfmPasswordMsg.style.color = 'red'
                    cfmPasswordMsg.innerText = response.data.substring("UERROR: ".length)
                }
            } else {
                cfmPasswordMsg.style.color = 'red'
                cfmPasswordMsg.innerText = "An error occured in creating your account. Please try again."
                console.log("Error occured in making login request: " + response.data)
            }
        } else {
            cfmPasswordMsg.style.color = 'red'
            cfmPasswordMsg.innerText = "An error occured while connecting to Verdex Servers. Please try again later."
            console.log("Non-200 responnse status code recieved from Verdex Servers.")
        }
        signUpButton.disabled = false
        signUpButton.innerText = "Sign Up"
    })
    .catch(err => {
        console.log("An error occured in connecting to Verdex Servers: " + err)
        cfmPasswordMsg.style.color = 'red'
        cfmPasswordMsg.innerText = "An error occured in connecting to Verdex Servers. Please try again later."
        signUpButton.disabled = false
        signUpButton.innerText = "Sign Up"
    })

}