import "notyf/notyf.min.css";
import "bulma/css/bulma.css";
import "@fortawesome/fontawesome-free/css/all.css";
import "./style.css";
import { Notyf } from "notyf";
import { Timer } from "./utils";
import { Team, Game } from "./data";
import { Manager, CourtManager, PlayerManager, GuestManager } from "./manage";

export function getNotifier(seconds) {
  return new Notyf({
    duration: seconds * milliSecond,
    position: { x: "center", y: "top" },
    dismissible: true,
  });
}

export class GameManager extends Manager {
  timer = new Timer();
  courts = new CourtManager();
  players = new PlayerManager();
  guests = new GuestManager();

  constructor() {
    super("Game", 12);
    this.round = Number(localStorage.getItem("round")) || 0;
    this.render();
    addGameBehaviour(this);
  }
  createItem(i, description) {
    if (typeof description === "undefined") {
      description = "---";
    }
    let team = new Team(description, description);
    return new Game(i, true, team, team);
  }
  loadItem(data) {
    let id = Number(data.id);
    let teamOne = new Team(data.teamOne.playerOne, data.teamOne.playerTwo);
    let teamTwo = new Team(data.teamTwo.playerOne, data.teamTwo.playerTwo);
    let status = Boolean(data.status);
    return new Game(id, status, teamOne, teamTwo);
  }
  addBehaviour() {
    let confirmedStatus = this.data[0].status;
    let description = confirmedStatus ? "Round " + this.round : "Proposal";
    document.getElementById("Game_description").innerHTML = description;
  }
  addBlockedGames() {
    const inactiveCourts = this.courts.inactive();
    console.log("Total reserved courts are " + inactiveCourts.length + ".");
    for (let court of inactiveCourts) {
      this.data.push(this.createItem(court.id, "RESERVED"));
    }
  }
  addInactiveGames(courts) {
    for (let court of courts) {
      this.data.push(this.createItem(court.id));
    }
  }
  addActiveGames(courts, players) {
    for (let index = 0; index < courts.length; index++) {
      const startIndex = 4 * index;
      const endIndex = startIndex + 4;
      const courtPlayers = players.slice(startIndex, endIndex);
      const team_1 = new Team(courtPlayers[0].name, courtPlayers[3].name);
      const team_2 = new Team(courtPlayers[1].name, courtPlayers[2].name);
      const game = new Game(courts[index].id, false, team_1, team_2);
      game.print();
      this.data.push(game);
    }
  }
  getPossibleGameCount() {
    let activeRegularCount = this.players.active().length;
    let activeGuestCount = this.guests.active().length;
    let activePlayerCount = activeRegularCount + activeGuestCount;
    console.log("There are a total of " + activePlayerCount + " players available.");
    let activeCourtCount = this.courts.active().length;
    console.log("There are a total of " + activeCourtCount + " courts available.");
    let possibleMatches = Math.min(Math.floor(activePlayerCount / 4), activeCourtCount);
    return possibleMatches;
  }
  selectPlayers(count) {
    console.log("Required players are " + count);
    let activePlayers = this.players.active();
    const activeGuests = this.guests.active();
    activePlayers = activePlayers.concat(activeGuests);
    console.log("Active players are:");
    console.log(
      activePlayers
        .map((i) => {
          return i.name;
        })
        .join(",")
    );
    const shuffledPlayers = shuffle(activePlayers);
    shuffledPlayers.sort((a, b) => a.totalPlayed - b.totalPlayed);
    const selectedPlayers = shuffledPlayers.slice(0, count);
    selectedPlayers.sort((a, b) => a.level - b.level);
    console.log("Selected players are:");
    console.log(
      selectedPlayers
        .map((i) => {
          return i.name;
        })
        .join(",")
    );
    return selectedPlayers;
  }
  propose() {
    console.log("Proposing new games!");
    let possibleMatches = this.getPossibleGameCount();
    console.log("Total possible matches are " + possibleMatches + ".");
    this.data = [];
    this.addBlockedGames();
    const activeCourts = this.courts.active();
    const unusedCourts = activeCourts.slice(possibleMatches + 1);
    this.addInactiveGames(unusedCourts);
    const usedCourts = activeCourts.slice(0, possibleMatches);
    let requiredPlayerCount = possibleMatches * 4;
    const selectedPlayers = this.selectPlayers(requiredPlayerCount);
    console.log("The matches are:");
    this.addActiveGames(usedCourts, selectedPlayers);
    this.data.sort((a, b) => a.id - b.id);
    this.render();
  }
  confirm() {
    let confirmedStatus = this.data[0].status;
    if (confirmedStatus) {
      getNotifier().error("Create a proposal first!");
      return;
    }
    console.log("Confirm the proposal for round " + this.round + ".");
    this.round += 1;
    localStorage.setItem("round", this.round);
    for (let i = 0; i < this.data.length; i++) {
      this.data[i].status = true;
    }
    this.store();
    this.render();
    document.getElementById("timer-start").click();
    const notification = new Notyf();
    notification.success("Round confirmed!");
  }
  reset() {
    localStorage.removeItem("round");
    localStorage.removeItem(this.description);
    localStorage.removeItem(this.courts.description);
    document.getElementById("timer-stop").click();
    window.location.reload();
    const notification = new Notyf();
    notification.error("Session has been reset!");
  }
}

function shuffle(array) {
  for (let i = array.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [array[i], array[j]] = [array[j], array[i]];
  }
  return array;
}

function addGameBehaviour(g) {
  document.getElementById("propose").addEventListener("click", () => {
    g.propose();
  });
  document.getElementById("confirm").addEventListener("click", () => {
    g.confirm();
  });
  document.getElementById("reset").addEventListener("click", () => {
    g.reset();
  });
}

const g = new GameManager();