let getlang = getLang();
let lang = (getlang === "en") ? "eng" : "cfr";

function setAttributes(el, attrs) {
  for (var key in attrs) {
    el.setAttribute(key, attrs[key]);
  }
}
function createHallOfFrame(data) {
  let accordionContainer = document.querySelector("div.contents.hallofframe");
  Object.entries(data.winnerList).forEach(function (obj, i) {
    let h3 = document.createElement("h3");
    h3.setAttribute("class", "ultra");
    //h3.textContent = obj[0];
	h3.textContent = obj[1][0].category[lang];
    accordionContainer.append(h3);
    let ul = document.createElement("ul");
    setAttributes(ul, {
      class: "accordion ui-accordion ui-widget ui-helper-reset",
      id: "Accordion",
    });
    accordionContainer.append(ul);
    obj[1].forEach(function (item, j) {
      let li = document.createElement("li");
      ul.append(li);
      let a = document.createElement("a");
      setAttributes(a, {
        class:
          "ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons",
        id: "ui-id-" + j,
        role: "tab",
        "aria-controls": "ui-id-" + (j + 1),
        "aria-selected": "false",
        "aria-expanded": "false",
        tabindex: "0",
        "data-di-id": "#ui-id-" + j,
      });
      li.append(a);
      let span = document.createElement("span");
      span.setAttribute(
        "class",
        "ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"
      );
      span.textContent = item.title[lang];
      a.append(span);
      let div = document.createElement("div");
      setAttributes(div, {
        class:
          "ui-accordion-content ui-corner-bottom ui-helper-reset ui-widget-content",
        id: "ui-id-" + (j + 1),
        "aria-labelledby": "ui-id-" + j,
        role: "tabpanel",
        "aria-hidden": "true",
      });
      li.append(div);
      let winnerUL = document.createElement("ul");
      winnerUL.setAttribute("class", "standard-list Wrapper");
      div.append(winnerUL);
      item.winners.forEach(function (winner, k) {
        let winnerLI = document.createElement("li");
        winnerLI.innerHTML =
          winner.fullname +
          '<br aria-hidden="true">' +
          winner.location +
          '<br aria-hidden="true">' +
          winner.startendDate[lang];
        winnerUL.append(winnerLI);
      });
    });
  });
  $(".accordion").accordion({
    heightStyle: "content",
    collapsible: true,
    active: false,
  });
}
async function fetchContestData() {
  try {
    let response = await fetch(
      "/"+ getlang +"/catalogue/benefit-contest-winners-halloffame.json"
    ).then((response) => response.json());
    createHallOfFrame(response);
  } catch (err) {
    console.log("Fetching error:" + err);
  }
}
let ready = (callback) => {
  if (document.readyState != "loading") callback();
  else document.addEventListener("DOMContentLoaded", callback);
};
ready(() => {
  fetchContestData();
});