let handleClick;

function expandNav(nodes) {
  nodes.expandedNav.classList.add("open");

  nodes.burgerBtn.setAttribute("aria-expanded", true);
  nodes.closeNavBtn.setAttribute("aria-expanded", true);

  handleClick = () => closeNav(nodes);
  nodes.main.addEventListener("click", handleClick);
  nodes.footer.addEventListener("click", handleClick);
}

function closeNav(nodes) {
  console.log("close nav");
  nodes.expandedNav.classList.remove("open");

  nodes.burgerBtn.setAttribute("aria-expanded", false);
  nodes.closeNavBtn.setAttribute("aria-expanded", false);

  nodes.main.removeEventListener("click", handleClick);
}

function show(image) {
  image.classList.add("show");
  let svg;
  try {
    if ((svg = image.nextElementSibling)) {
      svg.classList.add("hide");
      image.parentNode.classList.add("hide");
    }
  } catch (error) {
    console.log(error);
    console.log(image);
  }
}

export { expandNav, closeNav, show };