import { generatePlayground } from '/modules/playground.mjs'
import { levelsBlueprint } from '/modules/levels.mjs'
import { MoveDirection } from '/modules/enums.mjs'
import { fillLevelsSelection, selectLevel, LevelManager } from '/modules/levelSelection.mjs'
import { Timer } from '/modules/timer.mjs'
import { TutorialControler } from '/modules/tutorialControler.mjs'

let canvas = document.getElementById('canvas');
let difficultySlider = document.getElementById('difficulty-slider');
let mouseOnCanvas = false;
canvas.addEventListener("mouseenter",() => {
  mouseOnCanvas = true;
  difficultySlider.disabled = true;
});
canvas.addEventListener("mouseleave",() => {
  mouseOnCanvas = false;
  difficultySlider.disabled = false;
});
let ctx = canvas.getContext('2d');
let gameState = {
  playground: generatePlayground(levelsBlueprint[0].structure, canvas.width, canvas.height),
  width: canvas.width,
  height: canvas.height,
  timer: new Timer(1500, () => {
    alert("Les vaches mangent le foin");
  }),
  playable: false,
  levelManager: new LevelManager( () => {
    alert("Toutes les bottes sont rangées");
  } ),
  levelId: 0,
};

let tutorial = new TutorialControler();

fillLevelsSelection(gameState, ctx);
window.ctx = ctx
window.addEventListener("keydown", (event) => {
  if (!event.defaultPrevented && mouseOnCanvas) {
    if (gameState.playable) {
      switch (event.key) {
        case "ArrowDown":
          gameState.playground.move(MoveDirection.Down);
          break;
        case "ArrowUp":
          gameState.playground.move(MoveDirection.Up);
          break;
        case "ArrowRight":
          gameState.playground.move(MoveDirection.Right);
          break;
        case "ArrowLeft":
          gameState.playground.move(MoveDirection.Left);
          break;
        default:
          return;
          break;
      }
      gameState.playground.draw(ctx, canvas.width, canvas.height);
      if (gameState.playground.isSolved()) {
        gameState.levelManager.next(ctx, gameState);
      }
    } else {
      tutorial.next();
      if (tutorial.isFinished()) {
        gameState.playable = true;
        gameState.timer.start();
      }
    }
  }
});

gameState.playground.draw(ctx);