import { Round } from "./game.mjs";
import { generateCourts } from "./court.mjs";
import { generatePlayers } from "./player.mjs";
import { addToggleBehaviour } from "./utils.mjs";

// Court handling
let courts = generateCourts();
addToggleBehaviour(courts, "court_");

// Regulars handling
let regulars = generatePlayers();
addToggleBehaviour(regulars, "regular_");
const fileInput = document.querySelector("#file-js input[type=file]");
    if (fileInput !== null) {
        fileInput.onchange = () => {
        if (fileInput.files.length > 0) {
            const fileName = document.querySelector("#file-js .file-name");
            fileName.textContent = fileInput.files[0].name;
            console.log(fileInput.files[0]);
        }
    }
};

// Game handling
let games = new Round(0, courts);
let renderedHTML = games.render();
document.getElementById("game_list").innerHTML = renderedHTML;
document.getElementById("propose").addEventListener("click", () => {
    console.log("Propose new games!");
})