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

const defaultTheme = [ "#000000cc", "#ccccccff", "#1f9b92ff", "#002b36ff" ];

const saveData = {
  username: "",
  theme: defaultTheme,
}

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

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

function loadStorage() {
  saveData.username = localStorage.getItem("username");
  saveData.theme = JSON.parse(localStorage.getItem("theme"));
  
  const username = document.getElementById("name_entry");
  if (username) {
    username.value = saveData.username;
  }
}

function saveName() {
  console.log("saving username");
  const username = document.getElementById("name_entry");
  if (username) {
    saveData.username = username.value;
    localStorage.setItem("username", saveData.username);
  }
}

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();
loadStorage();