import { fetchStudents } from "./student-ENV.ts";

import { getName, getActivityUrl } from "./utils-ENV.js";

let name;

async function loadGroup() {
	const cockpitUrlPromise = getActivityUrl("Cockpit");

	const students = await fetchStudents();
	const graduationPromises = [];
	document.getElementById("group-content").style.display = "block";

	const ul = document.getElementById("group-members");

	ul.innerHTML = "";

	const listEntries = [];
	for (const student of students) {
		const graduationPromise = student.getGraduation();
		graduationPromises.push(graduationPromise);

		const li = document.createElement("li");
		li.student = student;
		listEntries.push(li);

		const i = document.createElement("img");
		i.classList.add("group-member-icon");
		graduationPromise.then((graduation) => {
			i.src = graduation.getIcon();
		});
		li.appendChild(i);
	}

	await Promise.all(graduationPromises);

	const coaches = new Set();
	const coachees = [];

	for (const li of listEntries) {
		for (const coach of li.student.graduation.coaches) {
			coaches.add(coach);
		}
		if (!li.student.graduation.coaches.includes(name)) continue;
		coachees.push(li);
	}

	if (coachees.length === 0) {
		ul.innerHTML = `
		<li>Du hast keine Coachees</li>
		<li>Coaches der Klasse: ${Array.from(coaches)}</li>`;
	}

	for (const li of coachees) {
		const student = li.student;
		const n = document.createElement("span");
		n.classList.add("group-member-name");
		n.innerHTML = `${student.name}`;
		li.appendChild(n);
		n.addEventListener("click", async function () {
			const cockpitUrl = new URL(await cockpitUrlPromise, window.location.origin);
			cockpitUrl.searchParams.append("userToLoad", student.id);
			window.location = cockpitUrl;
		});

		for (const col of ["green", "orange", "red"]) {
			const s = document.createElement("span");
			s.classList.add(`group-member-${col}`);
			switch (col) {
				case "green":
					s.innerHTML = student.graduation.green;
					break;
				case "orange":
					s.innerHTML = student.graduation.orange;
					break;
				case "red":
					s.innerHTML = student.graduation.red;
					break;
			}
			li.appendChild(s);
		}

		const p = document.createElement("span");
		p.classList.add("group-member-points");
		p.innerHTML = `&sum; ${student.graduation.getNettoPoints()}`;
		li.appendChild(p);

		li.classList.add("group-member");
		ul.appendChild(li);
	}
}

async function init() {
	name = getName();
	loadGroup();
}

if (document.readyState === "loading") {
	document.addEventListener("DOMContentLoaded", init);
} else {
	init();
}