const dropdowns = document.querySelectorAll("[data-dropdown]");
let oppenedDropdowns = [];

dropdowns.forEach((item) => {
  item.addEventListener("click", () => {
    const itemAttributeId = item.getAttribute("data-dropdown");
    const selectedDropdown = document.querySelector(itemAttributeId);
    const itemLastElementArrow = item.lastElementChild;
    const parentElement = item.parentElement;

    if (oppenedDropdowns.includes(itemAttributeId)) {
      oppenedDropdowns = oppenedDropdowns.filter((item) => item !== itemAttributeId);
      selectedDropdown.style.height = "0";
      itemLastElementArrow.classList.remove("course__corriculum-arrow--active");
      parentElement.classList.remove("course__corriculum-dropdown--active");
    } else {
      oppenedDropdowns.push(itemAttributeId);
      selectedDropdown.style.height = selectedDropdown.scrollHeight + "px";
      itemLastElementArrow.classList.add("course__corriculum-arrow--active");
      parentElement.classList.add("course__corriculum-dropdown--active");
    }
  });
});

//#region cookies
const acceptAllCookiesBtn = document.querySelector(".acceptAllCookies");
const acceptCookiesBtn = document.querySelector(".acceptNecessaryCookies");
const cookiesContainer = document.querySelector(".cookie");

const cookies = {
  createCookie: (name, value, days) => {
    if (days) {
      const date = new Date();
      date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
      var expires = "; expires=" + date.toUTCString();
    } else var expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";
  },
  readCookie: (name) => {
    const nameEQ = name + "=";
    const ca = document.cookie.split(";");
    for (let i = 0; i < ca.length; i++) {
      let c = ca[i];
      while (c.charAt(0) == " ") c = c.substring(1, c.length);
      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
  },

  eraseCookie: (name) => createCookie(name, "", -1),
};

const cookiesCleared = cookies.readCookie("cookiesCleared");

if (!cookiesCleared) {
  cookiesContainer.style.display = "block";
}

const closeCookiesContainer = () => {
  cookiesContainer.style.display = "none";
};

const acceptAllCookies = () => {
  cookies.createCookie("cookiesCleared", "true", "365");
  cookies.createCookie("marketingCookies", "true", "365");
  closeCookiesContainer();
};

const acceptCookies = () => {
  cookies.createCookie("cookiesCleared", "true", "365");
  cookies.createCookie("marketingCookies", "false", "365");
  closeCookiesContainer();
};

acceptAllCookiesBtn.addEventListener("click", acceptAllCookies);
acceptCookiesBtn.addEventListener("click", acceptCookies);
//#endregion

//#region modal

const modalButton = document.querySelector("[data-modal-button]");
const modalContainer = document.querySelector("[data-modal-container]");
const closeModal = document.querySelector("[data-modal-close]");

if (modalButton && modalContainer && closeModal) {
  modalButton.addEventListener("click", () => {
    modalContainer.classList.add("modal--visible");
  });

  closeModal.addEventListener("click", () => {
    modalContainer.classList.remove("modal--visible");
  });
}
//#endregion