import{mobile}from"./login.js";
console.log(mobile);
const serverbox=document.getElementById("instancebox") as HTMLDivElement;

fetch("/instances.json").then(_=>_.json()).then((json:{name:string,description?:string,descriptionLong?:string,image?:string,url?:string,display?:boolean,online?:boolean,
    uptime:{alltime:number,daytime:number,weektime:number},
    urls:{wellknown:string,api:string,cdn:string,gateway:string,login?:string}}[])=>{
	console.warn(json);
	for(const instance of json){
		if(instance.display===false){
			continue;
		}
		const div=document.createElement("div");
		div.classList.add("flexltr","instance");
		if(instance.image){
			const img=document.createElement("img");
			img.src=instance.image;
			div.append(img);
		}
		const statbox=document.createElement("div");
		statbox.classList.add("flexttb");

		{
			const textbox=document.createElement("div");
			textbox.classList.add("flexttb","instatancetextbox");
			const title=document.createElement("h2");
			title.innerText=instance.name;
			if(instance.online!==undefined){
				const status=document.createElement("span");
				status.innerText=instance.online?"Online":"Offline";
				status.classList.add("instanceStatus");
				title.append(status);
			}
			textbox.append(title);
			if(instance.description||instance.descriptionLong){
				const p=document.createElement("p");
				if(instance.descriptionLong){
					p.innerText=instance.descriptionLong;
				}else if(instance.description){
					p.innerText=instance.description;
				}
				textbox.append(p);
			}
			statbox.append(textbox);
		}
		if(instance.uptime){
			const stats=document.createElement("div");
			stats.classList.add("flexltr");
			const span=document.createElement("span");
			span.innerText=`Uptime: All time: ${Math.floor(instance.uptime.alltime*100)}% This week: ${Math.floor(instance.uptime.weektime*100)}% Today: ${Math.floor(instance.uptime.daytime*100)}%`;
			stats.append(span);
			statbox.append(stats);
		}
		div.append(statbox);
		div.onclick=_=>{
			if(instance.online){
				window.location.href="/register.html?instance="+encodeURI(instance.name);
			}else{
				alert("Instance is offline, can't connect");
			}
		};
		serverbox.append(div);
	}
});