const MASTERSERVER_IP = "master.aceattorneyonline.com:27014";

let oldLoading = true;
export function onLoad(){
	if (!(/webOS|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|PlayStation|Opera Mini/i.test(navigator.userAgent))) {
		oldLoading = false;
	}
}
window.onLoad = onLoad;

const masterserver = new WebSocket("ws://" + MASTERSERVER_IP);
masterserver.onopen = (evt) => onOpen(evt);
masterserver.onmessage = (evt) => onMessage(evt);

const descs = [];
descs[99] = "This is your computer on port 27016";
const onlinec = [];

function setServ(ID) {
	console.log(descs[ID]);
	if (descs[ID] !== undefined) {
		document.getElementById("serverdescC").innerHTML = "<b>Online: " + onlinec[ID] + "</b><br>" + descs[ID];
	}
	else {
		document.getElementById("serverdescC").innerHTML = "";
	}
}

function onOpen(_e) {
	masterserver.send("ID#webAO#webAO#%");
	if (oldLoading === true) {
		masterserver.send("askforservers#%");
	}
	else {
		masterserver.send("ALL#%");
	}
	masterserver.send("VC#%");
}

function checkOnline(serverID, coIP) {
	function onCOOpen(_e) {
		document.getElementById(`server${serverID}`).className = "available";
		oserv.send("HI#webAO#%");
		oserv.send("ID#webAO#webAO#%");
	}

	function onCOMessage(e) {
		const comsg = e.data;
		const coheader = comsg.split("#", 2)[0];
		const coarguments = comsg.split("#").slice(1);
		if (coheader === "PN") {
			onlinec[serverID] = `${coarguments[0]}/${coarguments[1]}`;
			oserv.close();
		}
	}

	var oserv = new WebSocket("ws://" + coIP);

	oserv.onopen = function (evt) {
		onCOOpen(evt);
	};

	oserv.onmessage = function (evt) {
		onCOMessage(evt);
	};

}

function onMessage(e) {
	const msg = e.data;
	console.log(msg);
	const header = msg.split("#", 2)[0];

	if (header === "ALL") {
		const servers = msg.split("#").slice(1);
		for (let i = 0; i < servers.length; i++) {
			const serverEntry = servers[i];
			const args = serverEntry.split("&");
			const asset = args[4] ? `&asset=${args[4]}` : "";

			document.getElementById("masterlist").innerHTML +=
				`<li id="server${i}" class="unavailable" onmouseover="setServ(${i})"><p>${args[0]}</p>`
				+ `<a class="button" href="client.html?mode=watch&ip=${args[2]}:${args[3]}${asset}">Watch</a>`
				+ `<a class="button" href="client.html?mode=join&ip=${args[2]}:${args[3]}${asset}">Join</a></li><br/>`;
			descs[i] = args[1];
			setTimeout(checkOnline(i, args[2] + ":" + args[3]), 100);
		}
	} else if (header === "SN") {
		const args = msg.split("#");
		const i = args[1];
		console.log(args);
		document.getElementById("masterlist").innerHTML +=
			`<li id="server${i}" class="unavailable" onmouseover="setServ(${i})"><p>${args[5]}</p>`
			+ `<a class="button" href="client.html?mode=watch&ip=${args[2]}:${args[4]}">Watch</a>`
			+ `<a class="button" href="client.html?mode=join&ip=${args[2]}:${args[4]}">Join</a></li><br/>`;
		descs[i] = args[6];
		masterserver.send("SR#" + i + "#%");
		setTimeout(checkOnline(i, args[2] + ":" + args[4]), i*1000);
	} else if (header === "servercheok") {
		const args = msg.split("#").slice(1);
		console.log(args);
		document.getElementById("clientinfo").innerHTML = `Client version: ${args[0]}`;
	} else if (header === "SV") {
		const args = msg.split("#").slice(1);
		console.log(args);
		document.getElementById("serverinfo").innerHTML = `Master server version: ${args[0]}`;
	}
}