// Legacy widget tracking functionality
(function () {
  // Tracking function
  const trackEvent = async (eventType) => {};

  // Legacy branding element
  const brandingElement = document.createElement("div");
  brandingElement.innerHTML = `
    <div class="csw-branding" style="padding:24px;border:1px solid #e5e5e5;border-radius:12px;background:#fafafa;text-align:center;font-family: system-ui,sans-serif !important;">
    <h3 style="margin:0 0 8px; color:#111; font-family: system-ui,sans-serif !important;">
      Your Subscribe Form Embed has expired.
    </h3>
    <p style="margin:0 0 16px; color:#555; font-family: system-ui,sans-serif !important;">
      If you’re the owner of this site, please create your new embed on Supascribe.
    </p>
    <a
      href="proxy.php?url=https://supascribe.com?from=legacy&utm_source=migration-widget"
      target="_blank"
      style="display:inline-block;padding:10px 18px;background:#000;color:#fff;border-radius:6px;text-decoration:none; font-family: system-ui,sans-serif !important;"
    >
      Create New Embed →
    </a>
  </div>;
  `;

  // Function to add branding
  const addBranding = () => {
    try {
      const widgetContainer = document.querySelectorAll(
        "#custom-substack-embed"
      );

      widgetContainer.forEach((container) => {
        if (container.querySelector(".csw-branding")) {
          container.removeChild(container.querySelector(".csw-branding"));
        }
        container.appendChild(brandingElement);
      });
    } catch (error) {
      console.error("Error adding branding element:", error);
    }
  };

  // Set up MutationObserver
  const observer = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
      if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
        // Check if the widget has loaded by looking for specific elements
        const widgetContainer = document.querySelectorAll(
          "#custom-substack-embed"
        );
        if (widgetContainer && widgetContainer?.children?.length > 0) {
          addBranding();
          observer.disconnect(); // Stop observing once branding is added
        }
      }
    });
  });

  // Start observing
  const widgetContainer = document.querySelectorAll("#custom-substack-embed");
  if (widgetContainer.length > 0) {
    widgetContainer.forEach((container) => {
      observer.observe(container, {
        childList: true,
        subtree: true,
      });
    });
  }

  // Fallback: try to add branding after a short delay
  setTimeout(() => {
    widgetContainer.forEach((container) => {
      if (!container.querySelector(".csw-branding")) {
        addBranding();
        observer.disconnect();
      }
    });
  }, 1000);

  // Track initial view
  trackEvent("view");
})();