import * as render from "./render.js";
import { tpl, msgBox } from "./tpl.js";
//let socket = io();

function card({ type = "normal", val = "" }) {
  this.type = type;
  this.val = val;
}
function player(id) {
  this.id = id;
  this.hand = Array(5).fill().map(()=>[]);
  this.pile = Array(4).fill().map(()=>[]);
  this.stock = [];
}

/*render.stackables.set("P1", new player(1));
render.stackables.get("P1").pile[0].push(new card({ val: 12 }));
render.stackables.get("P1").pile[1].push(new card({ val: 11 }));
render.stackables.get("P1").pile[2].push(new card({ val: 2 }));
render.stackables.get("P1").pile[2].push(new card({ val: 1 }));
render.stackables.get("P1").pile[2].push(new card({ type: "joker" }));

render.stackables.get("P1").hand[0].push(new card({ val: 12 }));
render.stackables.get("P1").hand[1].push(new card({ type: "joker" }));
render.stackables.get("P1").hand[1].push(new card({ type: "joker" }));
render.stackables.get("P1").hand[1].push(new card({ type: "joker" }));
render.stackables.get("P1").hand[1].push(new card({ type: "joker" }));
render.stackables.get("P1").hand[1].push(new card({ type: "joker" }));
render.stackables.get("P1").hand[1].push(new card({ type: "joker" }));
render.stackables.get("P1").hand[1].push(new card({ type: "joker" }));
render.stackables.get("P1").hand[1].push(new card({ type: "joker" }));
render.stackables.get("P1").hand[1].push(new card({ type: "joker" }));
render.stackables.get("P1").hand[1].push(new card({ type: "joker" }));

render.stackables.set("P2", new player(2));
render.stackables.get("P2").pile[0].push(new card({ type: "joker", val: 12 }));
render.stackables.get("P2").pile[1].push(new card({ val: 3 }));
render.stackables.get("P2").pile[2].push(new card({ val: 4 }));
render.stackables.get("P2").pile[2].push(new card({ val: 12 }));

render.stackables.set("P3", new player(3));
render.stackables.get("P3").pile[2].push(new card({ val: 5 }));

render.mainstack[1].push(new card({ val: 10 }));*/
render.renderAll();

document.querySelector("#debug > #newcard").addEventListener("click", () => {
  const selcard = document.querySelector("#debug > #selcard");
  const selindex = selcard.selectedIndex;
  const selval = selcard.options[selindex].textContent;
  render.stackables.get("P1").pile[0].push(new card({
    val: selval === "Skip-Bo" ? "" : parseInt(selval),
    type: selval === "Skip-Bo" ? "joker" : "normal"
  }));
  render.render("P1");
});

//console.log(msgBox("joinGame"));
//console.log(msgBox("newGame"));

document.querySelector("#menu button.menu_new").addEventListener("click", () => {
  msgBox("newGame");
});
document.querySelector("#menu button.menu_join").addEventListener("click", () => {
  msgBox("joinGame");
});