window.trxlogin = 'https://www.itaulink.com.uy/trx/doLogin';
window.ileinterlogin = 'https://www.itaulinkempresa.com.uy/ileinter/doLogin';
window.mobileile = 'https://www.itau.com.uy/mobileile/';
// header techspecs
document.addEventListener('DOMContentLoaded', function () {
  const currentUrl = window.location.href;
  const env = currentUrl.startsWith('https://desa') ? 'Dev' : 'Prod';
  // desktop nodes
  const paraTi = document.querySelector('.js-para-ti');
  const paraEmpresas = document.querySelector('.js-para-empresas');
  const beneficios = document.querySelector('.js-beneficios'); // TODO: mover clase a <a>
  const atencion = document.querySelector('.js-atencion');
  const buscar = document.querySelector('.js-buscar');
  // mobile nodes
  const paraTiMobile = document.querySelector('.js-para-ti-mobile');
  const paraEmpresasMobile = document.querySelector('.js-para-empresas-mobile');
  const beneficiosMobile = document.querySelector('.js-beneficios-mobile'); // TODO: mover clase a <a>
  const atencionMobile = document.querySelector('.js-atencion-mobile');
  const buscarMobile = document.querySelector('.js-buscar-mobile');
  // desktop events
  paraTi.addEventListener('mouseenter', trackParaTi);
  paraEmpresas.addEventListener('mouseenter', trackParaEmpresas);
  beneficios.addEventListener('click', trackBeneficios);
  atencion.addEventListener('mouseenter', trackAtencionParaTi);
  buscar.addEventListener('click', trackBuscar);
  // mobile events
  paraTiMobile.addEventListener('click', trackParaTi);
  paraEmpresasMobile.addEventListener('click', trackParaEmpresas);
  beneficiosMobile.addEventListener('click', trackBeneficios);
  atencionMobile.addEventListener('click', trackAtencionParaTi);
  buscarMobile.addEventListener('click', trackBuscar);
  // search events - using event delegation for dynamically added elements
  document.addEventListener('click', function (e) {
    if (e.target.classList.contains('js-search-result')) {
      trackSearchResult.call(e.target);
    }
  });
  // home thumbnails
  // TODO: eliminar setTimeout - hay que esperar a que se cargue el slider
  setTimeout(() => {
    const homeThumbnails = document.querySelectorAll('.nivo-control');
    homeThumbnails.forEach(thumbnail => {
      thumbnail.addEventListener('click', trackHomeThumbnail);
    });
  }, 2000);
  // select personas
  const selectPersonas = document.querySelector('.select-personas');
  selectPersonas.addEventListener('change', trackSelectPersonas);
  function analyticsLibHasError() {
    return (
      typeof analyticsLib === 'undefined' ||
      typeof window?.analyticsLib === 'undefined' ||
      typeof analyticsLib?.trackAction !== 'function' ||
      typeof window?.analyticsLib?.trackAction !== 'function'
    );
  }
  function trackParaTi() {
    window['analyticsData'] = {
      event: 'custom_interaction', //E1
      params: {
        interaction_action: 'Click',
        interaction_type: 'Menu',
        interaction_description: 'ParaTi(Home)',
        action: 'Consultar',
        area: 'NaoLogado',
        business: 'PF',
        channel: 'SitioPublico',
        country: 'UY',
        environment: env,
        family: 'Home',
        subfamily: 'Login',
        techspec_id: 'vxuym76jxyoioc9fsbkwh9',
      },
      toolkit: {
        versao: '2.0',
      },
    };
    if (analyticsLibHasError()) return;
    analyticsLib.trackAction({
      ComponentClicked: '|AC:null|TP:null|ID:null|PO:null|MO:null',
    });
  }
  function trackParaEmpresas() {
    window['analyticsData'] = {
      event: 'custom_interaction', //E2
      params: {
        interaction_action: 'Click',
        interaction_type: 'Menu',
        interaction_description: 'ParaEmpresas(Home)',
        action: 'Consultar',
        area: 'NaoLogado',
        business: 'PF',
        channel: 'SitioPublico',
        country: 'UY',
        environment: env,
        family: 'Home',
        subfamily: 'Login',
        techspec_id: 'vxuym76jxyoioc9fsbkwh9',
      },
      toolkit: {
        versao: '2.0',
      },
    };
    if (analyticsLibHasError()) return;
    analyticsLib.trackAction({
      ComponentClicked: '|AC:null|TP:null|ID:null|PO:null|MO:null',
    });
  }
  function trackBeneficios() {
    window['analyticsData'] = {
      event: 'custom_interaction', //E3
      params: {
        interaction_action: 'Click',
        interaction_type: 'Menu',
        interaction_description: 'Beneficios(Home)',
        action: 'Consultar',
        area: 'NaoLogado',
        business: 'PF',
        channel: 'SitioPublico',
        country: 'UY',
        environment: env,
        family: 'Home',
        subfamily: 'Login',
        techspec_id: 'vxuym76jxyoioc9fsbkwh9',
      },
      toolkit: {
        versao: '2.0',
      },
    };
    if (analyticsLibHasError()) return;

    analyticsLib.trackAction({
      ComponentClicked: '|AC:null|TP:null|ID:null|PO:null|MO:null',
    });
  }
  function trackAtencionParaTi() {
    window['analyticsData'] = {
      event: 'custom_interaction', //E4
      params: {
        interaction_action: 'Click',
        interaction_type: 'Menu',
        interaction_description: 'AtencioAlCliente(Home)',
        action: 'Consultar',
        area: 'NaoLogado',
        business: 'PF',
        channel: 'SitioPublico',
        country: 'UY',
        environment: env,
        family: 'Home',
        subfamily: 'Login',
        techspec_id: 'vxuym76jxyoioc9fsbkwh9',
      },
      toolkit: {
        versao: '2.0',
      },
    };
    if (analyticsLibHasError()) return;
    analyticsLib.trackAction({
      ComponentClicked: '|AC:null|TP:null|ID:null|PO:null|MO:null',
    });
  }
  function trackBuscar() {
    window['analyticsData'] = {
      event: 'custom_interaction', //E5
      params: {
        interaction_action: 'Click',
        interaction_type: 'Home',
        interaction_description: 'Buscar(Home)',
        action: 'Consultar',
        area: 'NaoLogado',
        business: 'PF',
        channel: 'SitioPublico',
        country: 'UY',
        environment: env,
        family: 'Home',
        subfamily: 'Login',
        techspec_id: 'vxuym76jxyoioc9fsbkwh9',
      },
      toolkit: {
        versao: '2.0',
      },
    };
    if (analyticsLibHasError()) return;
    analyticsLib.trackAction({
      ComponentClicked: '|AC:null|TP:null|ID:null|PO:null|MO:null',
    });
  }
  function trackSearchResult() {
    window['analyticsData'] = {
      event: 'custom_interaction', //E1
      params: {
        interaction_action: 'Click',
        interaction_type: 'Menu',
        interaction_description: this.textContent + '(BuscaHome)',
        action: 'Consultar',
        area: 'NaoLogado',
        business: 'PF',
        channel: 'SitioPublico',
        country: 'UY',
        environment: env,
        family: 'Home',
        subfamily: 'Login',
        techspec_id: 'vxuym76jxyoioc9fsbkwh9',
      },
      toolkit: {
        versao: '2.0',
      },
    };
    if (analyticsLibHasError()) return;
    analyticsLib.trackAction({
      ComponentClicked: '|AC:null|TP:null|ID:null|PO:null|MO:null',
    });
  }
  function trackHomeThumbnail() {
    const title = this.querySelector('.thumb-title')?.textContent;
    window['analyticsData'] = {
      event: 'custom_interaction', //E1
      params: {
        interaction_action: 'Click',
        interaction_type: 'Banner',
        interaction_description: title + '(Home)',
        action: 'Consultar',
        area: 'NaoLogado',
        business: 'PF',
        channel: 'SitioPublico',
        country: 'UY',
        environment: env,
        family: 'Home',
        subfamily: 'Login',
        techspec_id: 'vxuym76jxyoioc9fsbkwh9',
      },
      toolkit: {
        versao: '2.0',
      },
    };
    if (analyticsLibHasError()) return;
    analyticsLib.trackAction({
      ComponentClicked: '|AC:null|TP:null|ID:null|PO:null|MO:null',
    });
  }
  function trackSelectPersonas(event) {
    const selectedOption = event.target.value;
    const values = {
      panelPersona: 'Personas',
      panelEmpresa: 'Consultas',
      panelConsulta: 'Empresas',
    };

    window['analyticsData'] = {
      event: 'custom_interaction', //E2
      params: {
        interaction_action: 'Click',
        interaction_type: 'Menu',
        interaction_description: values[selectedOption] + '(Home)',
        action: 'Consultar',
        area: 'NaoLogado',
        business: 'PF',
        channel: 'SitioPublico',
        country: 'UY',
        environment: env,
        family: 'Home',
        subfamily: 'Login',
        techspec_id: 'vxuym76jxyoioc9fsbkwh9',
      },
      toolkit: {
        versao: '2.0',
      },
    };
    if (analyticsLibHasError()) return;
    analyticsLib.trackAction({
      ComponentClicked: '|AC:null|TP:null|ID:null|PO:null|MO:null',
    });
  }
});