import {request, goToPage, getURIData} from "./utils.js";

window.addEventListener("DOMContentLoaded", init);

async function init () {
	let cookie = document.cookie;
	if (cookie === "") {
		goToPage("login.html");
	}
	
	let uriData = getURIData();
	let node = uriData.node;
	let type = uriData.type;
	let vmid = uriData.vmid;
	await populateForm(node, type, vmid);

	let cancelButton = document.querySelector("#cancel");
	cancelButton.addEventListener("click", () => {
		goToPage("index.html");
	});
}

async function populateForm (node, type, vmid) {
	let config = await request(`/nodes/${node}/${type}/${vmid}/config`);
	console.log(config);

	addFormLine("cores", "Cores", {type: "number", value: config.data.cores, min: 1, max: 8192});
	addFormLine("memory", "Memory", {type: "number", value: config.data.memory, min: 16});

	let i = 0;
	while(Object.hasOwn(config.data, `sata${i}`)){
		let sata = config.data[`sata${i}`];
		sata = `{"${sata.replaceAll(":", '":"').replaceAll("=", '":"').replaceAll(",", '","')}"}`;
		sata = JSON.parse(sata);
		addFormLine(`sata${i}`, `SATA ${i}`, {type: "text", value: sata.size});
		i++;
	}
}

function addFormLine (id, labelName, inputAttr) {
	let form = document.querySelector("#user-configurable");

	let label = document.createElement("label");
	label.for = id;
	label.innerHTML = labelName;
	form.append(label);

	let input = document.createElement("input");
	input.id = id;
	input.name = id;
	for (let k in inputAttr) {
		input.setAttribute(k, inputAttr[k])
	}
	form.append(input);
}