import { getCard, initCards } from "./cards.js";
import { checkCombatEnd, resolveEnemyTurn, startTurn } from "./combat.js";
import { initEnemies } from "./enemies.js";
import { render } from "./render.js";
import { createCombatState, endTurn, playCard } from "./state.js";

let state = null;

async function init() {
  await Promise.all([initCards(), initEnemies()]);
  state = createCombatState("ironclad", "jaw_worm");
  state = startTurn(state);
  render(state);
  bindEvents();
}

function bindEvents() {
  document.getElementById("hand").addEventListener("click", (e) => {
    const cardEl = e.target.closest(".card");
    if (!cardEl || state.combat.phase !== "player_turn") return;
    const index = Number(cardEl.dataset.index);

    if (state.combat.selectedCard === index) {
      state = { ...state, combat: { ...state.combat, selectedCard: null } };
      render(state);
      return;
    }

    state = { ...state, combat: { ...state.combat, selectedCard: index } };

    const cardId = state.player.hand[index];
    const card = getCard(cardId);

    if (card.type === "skill") {
      // auto-play skills (they target self)
      const result = playCard(state, index);
      if (result === null) {
        // not enough energy
        state = { ...state, combat: { ...state.combat, selectedCard: null } };
        render(state);
        return;
      }
      state = { ...result, combat: { ...result.combat, selectedCard: null } };
      const end = checkCombatEnd(state);
      if (end) {
        state = {
          ...state,
          combat: { ...state.combat, phase: "ended", result: end },
        };
      }
      render(state);
      return;
    }

    render(state);
  });

  document.getElementById("enemy-zone").addEventListener("click", () => {
    if (state.combat.selectedCard === null) return;
    if (state.combat.phase !== "player_turn") return;

    const result = playCard(state, state.combat.selectedCard);
    if (result === null) {
      state = { ...state, combat: { ...state.combat, selectedCard: null } };
      render(state);
      return;
    }

    state = { ...result, combat: { ...result.combat, selectedCard: null } };

    const end = checkCombatEnd(state);
    if (end) {
      state = {
        ...state,
        combat: { ...state.combat, phase: "ended", result: end },
      };
      render(state);
      return;
    }

    render(state);
  });

  document
    .getElementById("end-turn-btn")
    .addEventListener("click", async () => {
      if (state.combat.phase !== "player_turn") return;

      state = endTurn(state);
      render(state);

      await delay(800);
      state = resolveEnemyTurn(state);

      const end = checkCombatEnd(state);
      if (end) {
        state = {
          ...state,
          combat: { ...state.combat, phase: "ended", result: end },
        };
        render(state);
        return;
      }

      state = startTurn(state);
      render(state);
    });
}

function delay(ms) {
  return new Promise((resolve) => setTimeout(resolve, ms));
}

init();