const errDiv = document.getElementById("errDiv");
const errWrapper = document.getElementById("errWrapper");

function setErr(x) {
  if (errDiv) {
    errDiv.innerHTML = x;
  }
  if (errWrapper) {
    errWrapper.style.display = "block";
  }
}

function closeErr() {
  if (errWrapper) {
    errWrapper.style.display = "none";
  }
}

function saveName() {
  console.log("saving username");
  const username = document.getElementById("name_entry");
  if (username) {
    document.cookie = "username=" + username.value;
  }
}

function loadName() {
  const username = document.getElementById("name_entry");
  if (username) {
    const cookies = document.cookie.split(";")
    cookies.forEach(c=>{
      if (c.trim().startsWith("username=")) {
        username.value = c.trim().split("=")[1];
      }
    });
  }
}

function setupDiceAutoScroll() {
  const diceWin = document.getElementById("dice_win");
  diceWin.addEventListener("toggle", e => {
    if (diceWin.open) {
      const diceLog = document.getElementById("dice_log");
      diceLog.children[diceLog.children.length - 1].scrollIntoView();
    }
  });
}

setupDiceAutoScroll();
loadName();