let cloaklist;
function cloakExceptions(url) {
	if (url.includes("harrisonburg.instructure.com") == true) {
		return "learn.canvas.net";
	}
	return url;
}

function setCloakCookie(name, url) {
	console.log(name + url);
	if (!(url == null)) {
		document.cookie = "tabicon=" + url + "";
		document.cookie = "tabname=" + name;
		setCloak();
	} else {
		url = cloakExceptions($("#webicon").val());
		document.cookie = "tabicon=https://s2.googleusercontent.com/s2/favicons?domain_url=" + url;
		document.cookie = "tabname=" + $("#webname").val();
		setCloak();
	}
}

function clearCloak() {
	document.cookie = "tabicon=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
	document.cookie = "tabname=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
	var link = document.querySelector("link[rel~='icon']");
	link.remove();
	document.title = "Settings | Selenite";
	link = document.createElement("link");
	link.rel = "icon";
	document.head.appendChild(link);
	link.href = "/favicon.png";
}
async function loadCloaks() {
  const response = await fetch("/data/cloaks.json");
  cloaklist = await response.json();
	var presetCloaks = document.getElementById("presetCloaks");
	presetCloaks.onchange = (event) => {
		console.log(event.target.value);
		console.log(cloaklist[event.target.value]);
		setCloakCookie(cloaklist[event.target.value][0], cloaklist[event.target.value][1]);
	};
}
document.addEventListener("DOMContentLoaded", function () {
	loadCloaks();
});