import { preferences } from "@/utils/storage";
import { getUserDetails, bricksToCurrency } from "@/utils/utilities";
import plusIcon from "/svgs/plus.svg";
import plusDeluxeIcon from "/svgs/plusDx.svg";

export default defineContentScript({
  matches: ['*://polytoria.com/*'],
  main() {
    getUserDetails()
      .then((user) => {
        if (!user) {
          // Error page or event page most likely, where users are not authenticated
          console.warn('[Poly+] Failure to get logged in user details.');
          return;
        }; 

        console.info('[Poly+] Logged in as: ', user);

        preferences.getPreferences()
          .then((values) => {
            if (values.irlBrickPrice.enabled) {
              const currency = bricksToCurrency(user.bricks, "USD");
              if (currency) {
                document.getElementsByClassName('brickBalanceCount')[0].textContent += ` (${currency})`;
              };
            };

            if (values.hideNotificationBadges.enabled) {
              const badges = document.getElementsByClassName('notif-nav notif-sidebar');
              for (const badge of badges) {
                badge.remove();
              };
            };

            if (values.membershipThemes.enabled) membershipThemes(values.membershipThemes.themeId as "plus" | "plusdx");
          });
      });
  }
});

function membershipThemes(themeId: "plus" | "plusdx") {
  const navbar = document.querySelector('.navbar.navbar-expand-lg.navbar-light.bg-navbar.nav-topbar')!;
  const sidebar = document.querySelector('.d-flex.flex-column.flex-shrink-0.bg-sidebar.nav-sidebar')!;

  navbar.classList.add('navbar-' + themeId);
  sidebar.classList.add('sidebar-' + themeId);

  sidebar.getElementsByTagName('img')[0].src = browser.runtime.getURL(`/svgs/${themeId}.svg` as `/svgs/plus.svg` | `/svgs/plusdx.svg`);
};