import { goToPage, setAppearance, requestAPI } from "./utils.js";
import { error } from "./dialog.js";

window.addEventListener("DOMContentLoaded", init);

async function init () {
	await deleteAllCookies();
	setAppearance();
	const formSubmitButton = document.querySelector("#submit");
	formSubmitButton.addEventListener("click", async (e) => {
		e.preventDefault();
		const form = document.querySelector("form");
		const formData = new FormData(form);

		formSubmitButton.innerText = "Authenticating...";
		const ticket = await requestTicket(formData.get("username"), formData.get("password"), formData.get("realm"));
		if (ticket.status === 200) {
			formSubmitButton.innerText = "LOGIN";
			goToPage("index");
		}
		else if (ticket.status === 401) {
			error("Authenticaton failed.");
			formSubmitButton.innerText = "LOGIN";
		}
		else if (ticket.status === 408) {
			error("Network error.");
			formSubmitButton.innerText = "LOGIN";
		}
		else {
			error(`An error occured: ${JSON.stringify(ticket)}`);
			formSubmitButton.innerText = "LOGIN";
		}
	});
}

async function requestTicket (username, password, realm) {
	const response = await requestAPI("/access/ticket", "POST", { username: `${username}@${realm}`, password }, false);
	return response;
}

async function deleteAllCookies () {
	await requestAPI("/access/ticket", "DELETE");
}