function getCookie(cname) {
	var name = cname + "=";
	var decodedCookie = decodeURIComponent(document.cookie);
	var ca = decodedCookie.split(';');
	for (var i = 0; i < ca.length; i++) {
		var c = ca[i];
		while (c.charAt(0) == ' ') {
			c = c.substring(1);
		}
		if (c.indexOf(name) == 0) {
			return c.substring(name.length, c.length);
		}
	}
	return "";
}

function setCookie(cname, cvalue, exdays) {
	var d = new Date();
	d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
	var expires = "expires=" + d.toUTCString();
	document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/;secure";
}

function getSettings() {
	var realm = getCookie("realm");
	if (realm != "") {
		var networkInputGroup = document.getElementById('networkInputGroup');
		networkInputGroup.selectedIndex = realm;
		selectRealm(networkInputGroup.value);
	}
	
	var token = getCookie("token");
	if (token != "") {
		var tokenInputGroup = document.getElementById('tokenInputGroup');
		tokenInputGroup.selectedIndex = token;
		selectToken(tokenInputGroup.value);
		if (tokenInputGroup.options[token].text === "Axiad ID") {
			var checked = getCookie("offline");
			if (checked) {
				document.getElementById("offline").checked = true;
				toggleOTP();
			}
		}
	}
}

function setOTP() {
	var pin = document.querySelector("[name='otp_pin']").value;
	var otp = document.querySelector("[name='otp_token']").value;
	document.getElementById("input_5").value = "" + pin + otp;
	setCookie("realm", document.getElementById('networkInputGroup').selectedIndex, 365);
	setCookie("token", document.getElementById("tokenInputGroup").selectedIndex, 365);
	setCookie("offline", document.getElementById("offline").checked, 365);
}

function selectRealm(option) {
	var realms = document.querySelectorAll("[data-realm]");
	for (i = 0; i < realms.length; i++) {
 		if (realms[i].dataset.realmOption.indexOf(option) > -1) {
        	realms[i].classList.remove("hidden");
        } else {
			realms[i].classList.add("hidden");
		};
    };
}

function selectToken(option) {
	var tokens = document.querySelectorAll("[data-token]");
	for (i = 0; i < tokens.length; i++) {
 		if (tokens[i].dataset.tokenOption.indexOf(option) > -1) {
        	tokens[i].classList.remove("hidden");
        } else {
			tokens[i].classList.add("hidden");
		};
    };
	if (option == "aid") {
		document.getElementById("offline").checked = false;
	} 
}

function toggleOTP() {
	document.querySelector("[name='otp_token']").classList.toggle("hidden");
	document.getElementById("otp_token_label").classList.toggle("hidden");
}

function useToken(useLink) {
	if (useLink.dataset.tokenSelected == "ga") {
		var option = "otp";
		for (var i = 0; i < document.getElementById("tokenInputGroup").options.length; i++) {
			if (document.getElementById("tokenInputGroup").options[i].text === "Google Authenticator") {
				document.getElementById("tokenInputGroup").selectedIndex = i;
				break;
			}
		}
	} else {
		var option = useLink.dataset.tokenSelected;
		document.getElementById("tokenInputGroup").value = option;
	};
	selectToken(option)
	modal.style.display = "none";
}

// Get the modal
var modal = document.getElementById("tokenDesc");
	
// Get the links that opens the modal
var helpLinks = document.querySelectorAll("[data-token-help]");
for (i = 0; i < helpLinks.length; i++) {
	helpLinks[i].onclick = function() {
	  // When the user clicks the button, open the modal
	  modal.style.display = "block";
	}	
}

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[1];

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
  modal.style.display = "none";
}

// Get the modal
var modal2 = document.getElementById("leidosPolicy");
// Get the link that opens the modal
var link = document.getElementById("policy");
// When the user clicks the button, open the modal
link.onclick = function() {
  modal2.style.display = "block";
}
// Get the <span> element that closes the modal
var span2 = document.getElementsByClassName("close")[2];
// When the user clicks on <span> (x), close the modal
span2.onclick = function() {
  modal2.style.display = "none";
}

// Get the modal
var modal3 = document.getElementById("accountDesc");
	
// Get the links that opens the modal
var helpLinks2 = document.querySelectorAll("[data-account-help]");
for (i = 0; i < helpLinks2.length; i++) {
	helpLinks2[i].onclick = function() {
	  // When the user clicks the button, open the modal
	  modal3.style.display = "block";
	}	
}

// Get the <span> element that closes the modal
var span3 = document.getElementsByClassName("close")[0];

// When the user clicks on <span> (x), close the modal
span3.onclick = function() {
  modal3.style.display = "none";
}