function loadGTM() {
  if (window.gtmLoaded) return; // evitar cargarlo 2 veces
  window.gtmLoaded = true;

  (function(w,d,s,l,i){
    w[l]=w[l]||[];
    w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
    var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),
        dl=l!='dataLayer'?'&l='+l:'';
    j.async=true;
    j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
    f.parentNode.insertBefore(j,f);
  })(window, document, 'script', 'dataLayer', 'GTM-5DJRF8HC');
}

function enableGtmOnInteraction() {
  const trigger = () => {
    loadGTM();
    removeListeners();
  };

  const removeListeners = () => {
    window.removeEventListener("scroll", trigger);
    window.removeEventListener("click", trigger);
    window.removeEventListener("mousemove", trigger);
    window.removeEventListener("touchstart", trigger);
  };

  window.addEventListener("scroll", trigger, { once: true });
  window.addEventListener("click", trigger, { once: true });
  window.addEventListener("mousemove", trigger, { once: true });
  window.addEventListener("touchstart", trigger, { once: true });
}

enableGtmOnInteraction();

// Cargar script RUM después de la primera interacción del usuario
(function () {
  const loadRumScript = () => {
    // Evitar que se llame varias veces
    if (window.__rumLoaded) return;
    window.__rumLoaded = true;

    (function (w, d, s, r, k, h, m) {
      if (w.performance && w.performance.timing && w.performance.navigation) {
        w[r] =
          w[r] ||
          function () {
            (w[r].q = w[r].q || []).push(arguments);
          };
        h = d.createElement("script");
        h.async = true;
        h.src = s + k;
        d.head.appendChild(h);

        m = w.onerror;
        w.onerror = function (b, c, d, f, g) {
          m && m(b, c, d, f, g);
          g || (g = new Error(b));
          (w[r].q = w[r].q || []).push(["captureException", g]);
        };
      }
    })(
      window,
      document,
      "//static.site24x7rum.com/beacon/site24x7rum-min.js?appKey=",
      "s247r",
      "d13762a702cd4b08cc4f7704455f42b3"
    );

    // Una vez cargado, quitar los listeners
    removeListeners();
  };

  const events = ["click", "scroll", "mousemove", "touchstart"];
  const removeListeners = () =>
    events.forEach((ev) => window.removeEventListener(ev, loadRumScript));

  // Agregar listeners para esperar interacción
  events.forEach((ev) => window.addEventListener(ev, loadRumScript));
})();


// whatsapp-button-loader.js
let whatsappButtonLoaded = false;

function loadWhatsAppButton() {
  if (whatsappButtonLoaded) return;
  whatsappButtonLoaded = true;

  (function () {
    // Obtener el pathname de la URL actual
    var pathname = window.location.pathname;

    // Expresión regular para verificar si el pathname comienza con alguno de los slugs especificados
    var regex = /^\/(licenciatura-en|maestria-en|diplomado-en|doctorado-en)/;

    // Si el pathname no coincide con los slugs, crear y mostrar el botón
    if (!regex.test(pathname)) {
      var a = document.createElement("div");
      a.innerHTML = `
        <a href="https://api.whatsapp.com/send?phone=5215589770700&text=Quiero%20informacion%20de%20programas%20Utel%20sitio" target="_blank" class="whatsapp-container">
          <img style="border-radius: 50px" src="https://cmsutel.s3.amazonaws.com/3536445_0552d85261.png" alt="WhatsApp">
          <span class="whatsapp-text"><b>Escríbenos</b></span>
        </a>
      `;
      document.body.appendChild(a);

      var s = document.createElement("style");
      s.textContent = `
        .whatsapp-container {
          position: fixed;
          bottom: 15%;
          right: 40px;
          z-index: 10;
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          text-decoration: none;
        }
        .whatsapp-container img {
          width: 60px;
          height: 60px;
          border-radius: 50px;
          margin-bottom: 5px;
        }
        .whatsapp-text {
          font-family: sans-serif;
          font-size: 14px;
          color: #fff;
          text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
          background-color: #29a71a;
          padding: 3px 8px;
          border-radius: 15px;
        }

        @media screen and (max-width: 768px) {
          .whatsapp-container {
            bottom: 10%;
            right: 20px;
            width: 50px;
            display: none;
          }
          .whatsapp-container img {
            width: 50px;
            height: 50px;
          }
        }
      `;
      document.body.appendChild(s);
    }
  })();
}

function attachWhatsAppUserInteractionLoader() {
  const events = ["click", "scroll", "keydown", "touchstart"];
  const load = () => {
    loadWhatsAppButton();
    events.forEach((ev) =>
      window.removeEventListener(ev, load, { once: true })
    );
  };

  events.forEach((event) =>
    window.addEventListener(event, load, { once: true })
  );
}

attachWhatsAppUserInteractionLoader();


// video-call-button-loader.js
let videoCallButtonLoaded = false;

function safeRun(fn) {
  // Ejecuta la función SOLO después de la hidratación del DOM
  window.addEventListener("load", () => {
    // React normalmente hidrata en o antes de load
    requestAnimationFrame(() => {
      setTimeout(fn, 50); // pequeño delay para garantizar la hidratación
    });
  });
}

function loadVideoCallButton() {
  if (videoCallButtonLoaded) return;
  videoCallButtonLoaded = true;

  (function () {
    const buttonInfo = document.getElementById('videoCall');

    if (buttonInfo) {
      // Evitar romper el DOM antes de hidratación
      buttonInfo.innerHTML = `
        <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
            xmlns="http://www.w3.org/2000/svg" width="24" height="24"
            fill="none" viewBox="0 0 24 24">
          <path stroke="white" stroke-linecap="round" stroke-width="2"
            d="m3.5 5.5 7.893 6.036a1 1 0 0 0 1.214 0L20.5 5.5M4 19h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1 1v12a 1 1 0 0 0 1 1Z"/>
        </svg>
        <p class="chakra-text css-1yyk1z8">Informes</p>
      `;

      buttonInfo.onclick = () => {
        document.getElementById('13244')?.click();
      };
    }
  })();
}

function attachVideoCallButtonInteractionLoader() {
  const events = ["click", "scroll", "keydown", "touchstart"];

  const load = () => {
    safeRun(loadVideoCallButton);  // <-- aquí está la magia
    events.forEach(ev =>
      window.removeEventListener(ev, load, { once: true })
    );
  };

  events.forEach(event =>
    window.addEventListener(event, load, { once: true })
  );
}

attachVideoCallButtonInteractionLoader();


// open-form-after-click-loader.js
let openFormListenerLoaded = false;

function loadOpenFormListener() {
  if (openFormListenerLoaded) return;
  openFormListenerLoaded = true;

  (function () {
    const availableUrls = [
      'https://utel.edu.mx/master-internacional',
      'https://utel.edu.mx/faculty-enineering',
      'https://utel.edu.mx/faculty-turism'
    ];

    const currentUrl = window.location.href;
    if (!availableUrls.includes(currentUrl)) return;

    const buttonIdToOpenForm = '13244';
    const buttonToOpenForm = document.getElementById(buttonIdToOpenForm);

    if (!buttonToOpenForm) return;

    let timerId = null;

    const setupClickHandler = () => {
      const buttons = document.querySelectorAll('#moreInfoButton');

      if (!buttons.length) return;

      const handleClick = () => {
        if (timerId) clearTimeout(timerId);
        timerId = setTimeout(() => buttonToOpenForm.click(), 500);
      };

      buttons.forEach(btn => btn.addEventListener('click', handleClick));
    };

    // Ejecuta cuando exista el botón
    const observer = new MutationObserver(() => {
      const btn = document.querySelector('#moreInfoButton');
      if (btn) {
        setupClickHandler();
        observer.disconnect();
      }
    });

    observer.observe(document.body, { childList: true, subtree: true });

    // Por si ya existe desde el principio:
    setupClickHandler();
  })();
}

function attachOpenFormInteractionLoader() {
  const events = ['click', 'scroll', 'keydown', 'touchstart'];

  const load = () => {
    loadOpenFormListener();
    events.forEach(ev => window.removeEventListener(ev, load, { once: true }));
  };

  events.forEach(ev =>
    window.addEventListener(ev, load, { once: true })
  );
}

attachOpenFormInteractionLoader();


function loadMetricsScript() {
  const script = document.createElement("script");
  script.src = "https://llmometrics.b-cdn.net/metric.js";
  script.setAttribute("data-token", "cfb14fae-c77e-4371-b5c0-1ebb4e7d61fc");
  script.async = true;
  document.head.appendChild(script);
}

function waitForUserInteraction(callback) {
  const events = ["click", "scroll", "keydown", "mousemove", "touchstart"];
  
  const handler = () => {
    events.forEach(e => window.removeEventListener(e, handler));
    callback();
  };

  events.forEach(e => window.addEventListener(e, handler, { once: true }));
}

// Ejecutar el script solo después de la primera interacción del usuario
waitForUserInteraction(loadMetricsScript);
