const subPage = require("./pages/subscription");
const successPage = require("./pages/success");
const cancelPage = require("./pages/cancel");

async function register({
  registerHook,
  peertubeHelpers,
  registerClientRoute,
}) {
  /**
   * Add link admin page
   */
  registerHook({
    target: "action:router.navigation-end",
    handler: async (params) => {
      if (params.path.startsWith("/my-account")) {
        if (document.getElementById("ncd-subscription-link")) return;

        let href = "/p/ncd-my-subscription";

        // Get menu container
        const menuContainer = document.getElementsByClassName("sub-menu")[0];

        // Create link
        const content = `
          <a _ngcontent-dke-c79="" id="ncd-subscription-link" routerlinkactive="active" class="sub-menu-entry ng-star-inserted" href="${href}">
            ${await peertubeHelpers.translate("NCTV Storage")}
          </a>
        `;

        // Create node for it
        const nodeLink = document.createElement("div");
        nodeLink.innerHTML = content.trim();

        // Insert to menu container
        menuContainer.appendChild(nodeLink.firstChild);
      }
    },
  });

  registerHook({
    target: "filter:left-menu.links.create.result",
    handler: (links) => {
      if (!Array.isArray(links)) {
        return links;
      }
      let myLibraryLinks;
      // Searching the 'in-my-library' entry.
      for (const link of links) {
        if (typeof link !== "object") {
          continue;
        }
        if (!("key" in link)) {
          continue;
        }
        if (link.key === "in-my-library" || link.key === "my-video-space") {
          myLibraryLinks = link;
          break;
        }
      }
      if (!myLibraryLinks) {
        return links;
      }
      if (!Array.isArray(myLibraryLinks.links)) {
        return links;
      }

      const label = "NCTV Storage";
      myLibraryLinks.links.unshift({
        label,
        shortLabel: label,
        path: "/p/ncd-my-subscription",
        icon: "trending",
      });
      return links;
    },
  });

  // Register routes
  registerClientRoute({
    route: "ncd-my-subscription",
    onMount: ({ rootEl }) => {
      subPage.showPage({ rootEl, peertubeHelpers });
    },
  });

  registerClientRoute({
    route: "ncd-subscription-success",
    onMount: ({ rootEl }) => {
      successPage.showPage({ rootEl, peertubeHelpers });
    },
  });

  registerClientRoute({
    route: "ncd-subscription-cancel",
    onMount: ({ rootEl }) => {
      cancelPage.showPage({ rootEl, peertubeHelpers });
    },
  });
}

export { register };