document.getElementById(window.location.pathname.split("/").pop()).style.color =
  "#000";
document.getElementById(
  window.location.pathname.split("/").pop()
).style.background = "#0000001F";
const apiBundles = Array.from(document.getElementsByClassName("api-bundles"));
apiBundles.map((item, i) => {
  if (window.location.pathname.split("/").includes(item.id)) {
    item.style.display = "flex";
  }
});
const navLinkContainer = Array.from(document.getElementsByClassName("nav-link-container"));
navLinkContainer.map((item, i) => {
  if (window.location.pathname.split("/").includes(item.id)) {
    item.style.display = "block";
  }
});
let selectedLang = 0;
let seletedTab = 0;
let recentTab = seletedTab;
const successcode = Array.from(document.getElementsByClassName("successcode"));
const nav_menu_container =
  document.getElementsByClassName("nav_menu_container");
const fullmenubtn = document.getElementsByClassName("fullmenubtn");
const nav_menu_list = document.getElementsByClassName("nav_menu_list");
const detailspagesidenavbar = document.getElementsByClassName(
  "detailspagesidenavbar"
);
const copyexpandbtn = document.getElementsByClassName("copyexpandbtn");
const codeBlock = document.getElementsByClassName("code-block");
const objectjsonstring = Array.from(
  document.getElementsByClassName("objectjsonstring")
);
const tabs = Array.from(document.getElementsByClassName("link"));
const responseBlock = Array.from(
  document.getElementsByClassName("responseblock")
);
const copycode = document.getElementById("copycode");
const copyresponse = document.getElementById("copyresponse");
const navlink = document.getElementsByClassName("navlink");
const expandsnippet = document.getElementsByClassName("expandsnippet")[0];
const closeSnippet = document.getElementsByClassName("closecodesnippet")[0];
const closeresponse = document.getElementsByClassName("closeresponse")[0];
const requestbodyparamitem = document.getElementsByClassName(
  "requestbodyparamitem"
)[0];
const codesnippetcontainer = document.getElementsByClassName(
  "codesnippetcontainer"
)[0];
const copybodyparambtn = document.getElementsByClassName("copybodyparambtn")[0];
const copyResponseBody = Array.from(
  document.getElementsByClassName("copybtnrespbody")
);
const sidenavheaderIcon = document.getElementsByClassName("sidenavheader-icon");
const overiewLink = Array.from(document.getElementsByClassName("overiew-link"));
const apiBundleDropdown = document.getElementsByClassName(
  "api-bundle-dropdown"
);
const overviewMenuBlock = document.getElementsByClassName(
  "overview-menu-block"
)[0];
const expandresponse = document.getElementsByClassName("expandresponse")[0];
const codeSnippet = Array.from(
  document.getElementsByClassName("codeblockcontainer")
);
const responsecollectionitem = Array.from(
  document.getElementsByClassName("responsecollectionitem")
);
const get_started=document.getElementById("get-started");

let userRole = localStorage.getItem("userRoles");
copyexpandbtn[1].childNodes[0].style.display = "inline-block";
copyexpandbtn[3].childNodes[0].style.display = "inline-block";
document.getElementsByClassName("language-shell")[0].tabIndex = 95;
if (tokenvalue) {
  document.getElementsByClassName("download-postman-btn")[0].style.display =
    "flex";
}
overiewLink.map((item, i) => {
  item.addEventListener("click", function (e) {
    window.location.href = window.location.pathname.replace(
      /\/[^\/]*$/,
      "/overview#" + e.target.id.split("_")[1]
    );
  });
  item.addEventListener("keydown", function (e) {
    if (e.key === "Enter") {
      window.location.href = window.location.pathname.replace(
        /\/[^\/]*$/,
        "/overview#" + e.target.id.split("_")[1]
      );
    }
  });
});
Array.from(document.getElementsByClassName("side-nav-heading")).map(
    (item, i) => {
    item.ariaExpanded=true;
    //sidenavheaderIcon[i].style.rotate = "0deg";
        item.addEventListener("keydown", function (e) {
            if (e.key === "Enter") {
                if (i === 0) {
                    e.preventDefault();
                    if (overviewMenuBlock.style.height !== "0px") {
                        //sidenavheaderIcon[i].style.rotate = "-90deg";
                        overviewMenuBlock.style.height = "0px";
                        overviewMenuBlock.style.display = "none";
	    document.getElementsByClassName("side-nav-heading")[i].ariaExpanded=!JSON.parse(document.getElementsByClassName("side-nav-heading")[i].ariaExpanded)
                    } else {
                        //sidenavheaderIcon[i].style.rotate = "0deg";
                        overviewMenuBlock.style.height = "auto";
                        overviewMenuBlock.style.display = "block";
	    document.getElementsByClassName("side-nav-heading")[i].ariaExpanded=!JSON.parse(document.getElementsByClassName("side-nav-heading")[i].ariaExpanded)
                    }
                } else {
                    e.preventDefault();
                    if (apiBundleDropdown[i].style.height !== "0px") {
                        //sidenavheaderIcon[i].style.rotate = "-90deg";
                        apiBundleDropdown[i].style.height = "0px";
                        apiBundleDropdown[i].style.display = "none";
	    document.getElementsByClassName("side-nav-heading")[i].ariaExpanded=!JSON.parse(document.getElementsByClassName("side-nav-heading")[i].ariaExpanded)
                    } else {
                        //sidenavheaderIcon[i].style.rotate = "0deg";
                        apiBundleDropdown[i].style.height = "auto";
                        apiBundleDropdown[i].style.display = "block";
	    document.getElementsByClassName("side-nav-heading")[i].ariaExpanded=!JSON.parse(document.getElementsByClassName("side-nav-heading")[i].ariaExpanded)
                    }
                }
            }
        });
        item.addEventListener("click", function (e) {
            if (i === 0) {
                e.preventDefault();
                if (overviewMenuBlock.style.height !== "0px") {
                    //sidenavheaderIcon[i].style.rotate = "-90deg";
	    document.getElementsByClassName("side-nav-heading")[i].ariaExpanded=!JSON.parse(document.getElementsByClassName("side-nav-heading")[i].ariaExpanded)
                } else {
                    //sidenavheaderIcon[i].style.rotate = "0deg";
	    document.getElementsByClassName("side-nav-heading")[i].ariaExpanded=!JSON.parse(document.getElementsByClassName("side-nav-heading")[i].ariaExpanded)
                }
            } else {
                e.preventDefault();
                if (apiBundleDropdown[i].style.height !== "0px") {
                    //sidenavheaderIcon[i].style.rotate = "-90deg";
	    document.getElementsByClassName("side-nav-heading")[i].ariaExpanded=!JSON.parse(document.getElementsByClassName("side-nav-heading")[i].ariaExpanded)
                } else {
                    //sidenavheaderIcon[i].style.rotate = "0deg";
	    document.getElementsByClassName("side-nav-heading")[i].ariaExpanded=!JSON.parse(document.getElementsByClassName("side-nav-heading")[i].ariaExpanded)
                }
            }
        });
    }
);
(async function () {
  successcode.map((item, i) => {
    item.addEventListener("click", function (e) {
      recentTab = seletedTab;
      successcode[recentTab].style.backgroundColor = "unset";
      if (e.target.innerText === "200" || e.target.innerText === "201") {
        e.target.style.backgroundColor = "#24802D";
      } else {
        e.target.style.backgroundColor = "#DD1708";
      }
      if (
        successcode[recentTab].innerText === "200" ||
        successcode[recentTab].innerText === "201"
      ) {
        successcode[recentTab].style.color = "#24802D";
      } else {
        successcode[recentTab].style.color = "#DD1708";
      }
      e.target.style.color = "#fff";
      seletedTab = i;
      selectResponse();
    });
  });
  $(document).ready(function () {
    $("#skip-link").on("click keydown", function (e) {
      if (e.type === "keydown" && e.which !== 13) {
        return;
      }
      e.preventDefault();
      var target = $("#mainhome");
      target.attr("tabindex", "-1");
      target.focus();
     window.scrollTo({top:document.getElementById("mainhome").offsetTop-74});
    });
  });
  $(document).ready(function () {
    $("#skip-link-secondary").on("click keydown", function (e) {
      if (e.type === "keydown" && e.which !== 13) {
        return;
      }
      e.preventDefault();
      var target = $("#side-api");
      target.attr("tabindex", "-1");
      target.focus();
    });
  });
  document
    .getElementsByClassName("tryitnow")[0]
    .addEventListener("click", async function (e) {
      if (document.fullscreen) {
        await closeCode();
      }
    });
  fullmenubtn[0].addEventListener("keydown", function (e) {
    if (e.key === "Enter") {
      e.preventDefault();
      detailspagesidenavbar[0].style.display = "none";
      nav_menu_list[0].style.display = "flex";
	get_started?.focus();

    }
  });
  fullmenubtn[0].addEventListener("click", function (e) {
    detailspagesidenavbar[0].style.display = "none";
    nav_menu_list[0].style.display = "flex";
	get_started?.focus();

  });
  window.addEventListener("resize", function () {
    if (window.matchMedia("(min-width: 991px)").matches) {
      document
        .getElementsByClassName("builddetailspage")[0]
        .insertBefore(
          detailspagesidenavbar[0],
          document.getElementsByClassName("builddetailsbodycontainer")[0]
        );
      detailspagesidenavbar[0].style.display = "flex";
      nav_menu_list[0].style.display = "flex";
    } else {
      nav_menu_container[0].append(detailspagesidenavbar[0]);
    }
  });
  document
    .getElementsByClassName("hamburger_menu")[0]
    .addEventListener("click", function (e) {
      nav_menu_container[0].append(detailspagesidenavbar[0]);
      nav_menu_list[0].style.display = "none";
      detailspagesidenavbar[0].style.display = "flex";
    });
  document
    .getElementsByClassName("hamburger_menu")[0]
    .addEventListener("keydown", function (e) {
if(e.key=="Enter")
{
      nav_menu_container[0].append(detailspagesidenavbar[0]);
      nav_menu_list[0].style.display = "none";
      detailspagesidenavbar[0].style.display = "flex";
}
    });
  document.addEventListener("fullscreenchange", function (e) {
    if (!document.fullscreen) {
      if (copyexpandbtn[1].childNodes[0].style.display === "none") {
        closeCode();
      }
      if (copyexpandbtn[3].childNodes[0].style.display === "none") {
        closeResponse();
      }
      copyexpandbtn[1].childNodes[0].style.display = "inline-block";
      copyexpandbtn[1].childNodes[1].style.display = "none";
      copyexpandbtn[3].childNodes[0].style.display = "inline-block";
      copyexpandbtn[3].childNodes[1].style.display = "none";
    } else {
      copyexpandbtn[1].childNodes[0].style.display = "none";
      copyexpandbtn[1].childNodes[1].style.display = "inline-block";
      copyexpandbtn[3].childNodes[0].style.display = "none";
      copyexpandbtn[3].childNodes[1].style.display = "inline-block";
    }
  });
  document
    .getElementsByClassName("apicollectionlist")[0]
    .removeAttribute("role");
  document
    .getElementsByClassName("apicollectionitem")[0]
    .removeAttribute("role");
  copyResponseBody.forEach((resp, i) => {
    resp.addEventListener("click", function (e) {
      navigator.clipboard.writeText(
        document.getElementsByClassName("objectjsonstring")[i].data
      );
    });
    resp.addEventListener("keydown", function (e) {
      if (e.key === "Enter") {
        navigator.clipboard.writeText(
          document.getElementsByClassName("objectjsonstring")[i].data
        );
      }
    });
  });

  copyexpandbtn[1].addEventListener("click", function (e) {
    //expand
    if (copyexpandbtn[1].childNodes[0].style.display === "inline-block") {
      copyexpandbtn[1].childNodes[0].style.display = "none";
      copyexpandbtn[1].childNodes[1].style.display = "inline-block";
      expandCode();
    }
    //close
    else if (copyexpandbtn[1].childNodes[0].style.display === "none") {
      copyexpandbtn[1].childNodes[0].style.display = "inline-block";
      copyexpandbtn[1].childNodes[1].style.display = "none";
      closeCode();
    }
  });
  copyexpandbtn[1].addEventListener("keydown", function (e) {
    if (e.key === "Enter") {
      expandCode();
    }
    if (
      e.key === "Enter" &&
      copyexpandbtn[1].childNodes[0].style.display === "none"
    ) {
      closeCode();
    }
  });
  copyexpandbtn[3].addEventListener("click", function (e) {
    if (copyexpandbtn[3].childNodes[0].style.display === "inline-block") {
      copyexpandbtn[3].childNodes[0].style.display = "none";
      copyexpandbtn[3].childNodes[1].style.display = "inline-block";
      expandResponse();
    } else if (copyexpandbtn[3].childNodes[0].style.display === "none") {
      copyexpandbtn[3].childNodes[0].style.display = "inline-block";
      copyexpandbtn[3].childNodes[1].style.display = "none";
      closeResponse();
    }
  });
  copyexpandbtn[3].addEventListener("keydown", function (e) {
    if (e.key === "Enter") {
      expandResponse();
    }
    if (
      e.key === "Enter" &&
      copyexpandbtn[3].childNodes[0].style.display === "none"
    ) {
      closeResponse();
    }
  });
  objectjsonstring.forEach((json, i) => {
    json.data = json.innerText;
    json.innerText = "";
    jsonTree.create(JSON.parse(json.data)?JSON.parse(json.data):[], json);
  });
  //responseBlock
  if (responseBlock.length) {
    responseBlock[0].style.display = "block";
    successcode.map((item, i) => {
      if (i !== 0) {
        item.style.backgroundColor = "unset";
        item.style.color = "#DD1708";
      }
    });
    responseBlock.map((item, i) => {
      item.innerText = JSON.stringify(JSON.parse(item.innerText), null, 4);
    });
  }
  tabs.forEach((tab, i) =>
    tab.addEventListener("click", function (e) {
      tabs.forEach((t, i) => {
        t.style.background = "none";
        navlink[i].style.color = "#666";
      });
      tab.style.background = "#0000001F";
      navlink[i].style.color = "#000";
    })
  );
  copycode.addEventListener("click", function (e) {
    navigator.clipboard.writeText(
      codeBlock[selectedLang].childNodes[0].innerText.replaceAll("\n", "")
    );
  });
  copyresponse.addEventListener("click", function (e) {
    navigator.clipboard.writeText(
      responseBlock[seletedTab].innerText.replaceAll("\n", "")
    );
  });
  copyexpandbtn[0].addEventListener("keydown", function (e) {
    if (e.key === "Enter") {
      navigator.clipboard.writeText(
        codeBlock[selectedLang].childNodes[0].innerText.replaceAll("\n", "")
      );
    }
  });
  copyexpandbtn[0].addEventListener("click", function (e) {
    navigator.clipboard.writeText(
      codeBlock[selectedLang].childNodes[0].innerText.replaceAll("\n", "")
    );
  });
  copyexpandbtn[2].addEventListener("keydown", function (e) {
    if (e.key === "Enter") {
      navigator.clipboard.writeText(
        responseBlock[seletedTab].innerText.replaceAll("\n", "")
      );
    }
  });
  copyexpandbtn[2].addEventListener("click", function (e) {
    navigator.clipboard.writeText(
      responseBlock[seletedTab].innerText.replaceAll("\n", "")
    );
  });
  if (document.getElementsByClassName("copybodyparambtn").length) {
    copybodyparambtn.addEventListener("click", function (e) {
      e.preventDefault();
      navigator.clipboard.writeText(requestbodyparamitem.innerText);
    });
  }
  if (document.getElementsByClassName("requestbodyparamitem").length) {
    requestbodyparamitem.data = requestbodyparamitem.innerText;
    requestbodyparamitem.innerText = "";
    if (requestbodyparamitem.data) {
      jsonTree.create(
        JSON.parse(requestbodyparamitem.data),
        requestbodyparamitem
      );
    }
  }
})();
async function expandCode() {
  document.getElementsByClassName("codeblocksection")[0].style.height = "100%";
  Array.from(codeBlock).forEach((code, i) => {
    code.style.height = "100%";
  });
  Array.from(document.getElementsByClassName("codeblockcontainer")).forEach(
    (code, i) => {
      code.style.height = "calc(100% - 100px)";
      code.style.maxHeight = "none";
    }
  );
  codesnippetcontainer.requestFullscreen();
}
async function closeCode() {
  Array.from(document.getElementsByClassName("codeblockcontainer")).forEach(
    (code, i) => {
      code.style.height = "auto";
      code.style.maxHeight = "176px";
    }
  );
  document.getElementsByClassName("codeblocksection")[0].style.height = "auto";
  document.fullscreen && document.exitFullscreen();
}
async function closeResponse() {
  document.getElementsByClassName("respsection")[0].style.height = "auto";
  document.getElementsByClassName("responseblock")[0].style.maxHeight = "176px";
  document.fullscreen && document.exitFullscreen();
}
async function expandResponse() {
  document.getElementsByClassName("respsection")[0].style.height =
    "calc(100% - 50px)";
  document.getElementsByClassName("respsection")[0].style.overflow = "auto";
  document.getElementsByClassName("responseblock")[0].style.maxHeight = "none";
  document.getElementsByClassName("responsecontainer")[0].requestFullscreen();
}
function selectResponse() {
  responseBlock[recentTab].style.display = "none";
  responseBlock[seletedTab].style.display = "block";
}