// Retrieving the form data
var accesCode = document.getElementById("accesCode");
var submitButton = document.getElementById("submitButton");
var responseMessage = document.getElementById("responseMessage")
var redirectURL = document.getElementById("redirectURL").value
//var redirectURL = "https://Domain.tld/page"
var buttonLocked = false

function submitFormAjax() {
    if (buttonLocked === true){return};
    buttonLocked = true
    responseMessage.innerHTML = ""
    submitButton.classList.add("buttonLoading");
    if(accesCode == ""){
		responseMessage.innerHTML = "<p>Please enter your accesCode.</p>";
		return;
    }
    submitButton.disabled = true;
    accesCode.disabled = true;
    var xmlhttp = new XMLHttpRequest();

   // Instantiating the request object
    xmlhttp.open("POST", "auth.php", true);
     // Defining event listener for readystatechange event
    xmlhttp.onreadystatechange = function() {
        console.log(this.readyState + " status:" + this.status)
        if (this.readyState === 4 && this.status === 200) {
           submitButton.classList.remove("buttonLoading");
           submitButton.style.backgroundColor = "green";
           document.getElementById("buttonText").innerHTML = "Connected"
           accesCode.style.display = "none";
           window.setTimeout(redirectUser, 1500);
        }else {
            if (this.readyState === 4 && this.status === 403) {
                responseMessage.innerHTML = "Acces code incorrect";
                enableButton()
            } else if (this.readyState === 4) {
                responseMessage.innerHTML = "Something went wrong";
                enableButton()
            }
        }
    }
   //console.log (document.getElementById("accesCode").value);
    var params = "accesCode=" + encodeURIComponent(accesCode.value) + "&apMac=" + encodeURIComponent(document.getElementById("apMac").value) + "&clientMac=" + encodeURIComponent(document.getElementById("clientMac").value);

    //Setting headers
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    // Sending the request to the server
    xmlhttp.send(params);
}

function enableButton(){
    buttonLocked = false
    submitButton.disabled = false;
    accesCode.disabled = false;
    submitButton.classList.remove("buttonLoading");
    accesCode.focus();
}

function inputEntry(){
    if(accesCode.value != "")
        submitButton.disabled = false;
    else
        submitButton.disabled = true;
}
function redirectUser(){
    window.location.href = redirectURL
}