import { paths } from "../libs/paths";

function init(metadata) {
  const navbar = document.querySelector("span.pagetop");

  if (!navbar) {
    return false;
  }

  const linkDetails = [
    {
      title: "leaders",
      description: "Users with most karma",
    },
    {
      title: "best",
      description: "Highest-voted recent links",
    },
    {
      title: "pool",
      description: "Second chance pool",
    },
    {
      title: "active",
      description: "Most active current discussions",
    },
    {
      title: "newpoll",
      description: "Create a new poll",
    },
    {
      title: "bestcomments",
      description: "Highest-voted recent comments",
    },
    {
      title: "noobstories",
      description: "Submissions from new accounts",
    },
    {
      title: "noobcomments",
      description: "Comments from new accounts",
    },
    {
      title: "topcolors",
      description: "List of custom topcolors",
    },
  ];

  const moreLinkSepartor = document.createElement("span");
  moreLinkSepartor.innerHTML = " | ";

  const moreLinksBtn = document.createElement("a");
  moreLinksBtn.href = "javascript:void(0)";
  moreLinksBtn.innerHTML = "more links >";

  navbar.append(moreLinkSepartor, moreLinksBtn);

  moreLinksBtn.addEventListener("click", () => {
    moreLinksBtn.remove();
    moreLinkSepartor.remove();

    for (const link of linkDetails) {
      if ("/" + link.title === metadata.path) {
        continue;
      }

      const separatorText = document.createElement("span");
      separatorText.innerHTML = " | ";

      const linkEl = document.createElement("a");
      linkEl.href = link.title;
      linkEl.innerHTML = link.title;
      linkEl.title = link.description;

      navbar.append(separatorText, linkEl);
    }
  });

  return true;
}

const details = {
  id: "load-more-links-in-navbar",
  pages: {
    include: ["*"],
    exclude: [...paths.forms, ...paths.info],
  },
  loginRequired: false,
  runOnJobItems: true,
  init,
};

export default details;