(function () {
  function initOneEaelMobileTabSlider(widget) {
    if (!widget || widget.dataset.mobileSliderReady === 'true') {
      return;
    }

    const tabs = [...widget.querySelectorAll('.eael-tab-item-trigger')];

    if (!tabs.length) {
      return;
    }

    widget.dataset.mobileSliderReady = 'true';
    widget.classList.add('eael-mobile-tab-slider');

    const leftArrowSvg = `
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
        <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5C5.64873 23.5 0.5 18.3513 0.5 12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#EE6723"/>
        <path d="M13.4405 7.07148C13.6114 6.90067 13.8883 6.90064 14.0592 7.07148C14.23 7.24232 14.23 7.51929 14.0592 7.69013L10.2555 11.4938C9.97748 11.7721 9.97732 12.2301 10.2555 12.5083L14.0592 16.3114C14.23 16.4822 14.2299 16.7592 14.0592 16.93C13.8883 17.1009 13.6114 17.1009 13.4405 16.93L9.63689 13.127C9.01688 12.507 9.01687 11.4946 9.63689 10.8745L13.4405 7.07148Z" fill="#EE6723"/>
      </svg>
    `;

    const rightArrowSvg = `
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
        <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5C5.64873 23.5 0.5 18.3513 0.5 12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#EE6723"/>
        <path d="M9.88791 7.0715C10.0588 6.90065 10.3357 6.90065 10.5066 7.0715L14.3102 10.8746C14.9302 11.4946 14.9301 12.507 14.3102 13.127L10.5066 16.9301C10.3357 17.1009 10.0588 17.1009 9.88791 16.9301C9.7171 16.7592 9.71707 16.4822 9.88791 16.3114L13.691 12.5083C13.9693 12.23 13.9693 11.7721 13.691 11.4938L9.88791 7.69015C9.71705 7.5193 9.71705 7.24235 9.88791 7.0715Z" fill="#EE6723"/>
      </svg>
    `;

    const controls = document.createElement('div');
    controls.className = 'eael-mobile-tab-controls';
    controls.innerHTML = `
      <button class="eael-mobile-tab-arrow eael-mobile-tab-prev" type="button" aria-label="Previous tab">${leftArrowSvg}</button>
      <div class="eael-mobile-tab-dots"></div>
      <button class="eael-mobile-tab-arrow eael-mobile-tab-next" type="button" aria-label="Next tab">${rightArrowSvg}</button>
    `;

    widget.appendChild(controls);

    const dotsWrap = controls.querySelector('.eael-mobile-tab-dots');

    tabs.forEach((tab, index) => {
      const dot = document.createElement('button');
      dot.type = 'button';
      dot.className = 'eael-mobile-tab-dot';
      dot.setAttribute('aria-label', `Go to ${tab.innerText.trim()}`);

      dot.addEventListener('click', () => {
        tabs[index].click();
        setTimeout(updateControls, 80);
      });

      dotsWrap.appendChild(dot);
    });

    const dots = [...controls.querySelectorAll('.eael-mobile-tab-dot')];

    function getActiveIndex() {
      const activeIndex = tabs.findIndex(tab => tab.classList.contains('active'));
      return activeIndex >= 0 ? activeIndex : 0;
    }

    function goTo(index) {
      const safeIndex = (index + tabs.length) % tabs.length;
      tabs[safeIndex].click();
      setTimeout(updateControls, 80);
    }

const swipeArea = widget.querySelector('.eael-tabs-content') || widget;

let touchStartX = 0;
let touchStartY = 0;
let touchEndX = 0;
let touchEndY = 0;

function isMobileSliderView() {
  return window.matchMedia('(max-width: 767px)').matches;
}

swipeArea.addEventListener('touchstart', function (event) {
  if (!isMobileSliderView()) {
    return;
  }

  if (event.touches.length !== 1) {
    return;
  }

  touchStartX = event.touches[0].clientX;
  touchStartY = event.touches[0].clientY;
}, { passive: true });

swipeArea.addEventListener('touchend', function (event) {
  if (!isMobileSliderView()) {
    return;
  }

  if (!event.changedTouches.length) {
    return;
  }

  touchEndX = event.changedTouches[0].clientX;
  touchEndY = event.changedTouches[0].clientY;

  const diffX = touchStartX - touchEndX;
  const diffY = touchStartY - touchEndY;

  const minSwipeDistance = 50;
  const isHorizontalSwipe = Math.abs(diffX) > Math.abs(diffY);

  if (!isHorizontalSwipe || Math.abs(diffX) < minSwipeDistance) {
    return;
  }

  if (diffX > 0) {
    // Swipe left = next tab
    goTo(getActiveIndex() + 1);
  } else {
    // Swipe right = previous tab
    goTo(getActiveIndex() - 1);
  }
}, { passive: true });

    function updateControls() {
      const activeIndex = getActiveIndex();

      dots.forEach((dot, index) => {
        dot.classList.toggle('is-active', index === activeIndex);
      });
    }

    controls.querySelector('.eael-mobile-tab-prev').addEventListener('click', () => {
      goTo(getActiveIndex() - 1);
    });

    controls.querySelector('.eael-mobile-tab-next').addEventListener('click', () => {
      goTo(getActiveIndex() + 1);
    });

    tabs.forEach(tab => {
      tab.addEventListener('click', () => {
        setTimeout(updateControls, 80);
      });
    });

    updateControls();
  }

  function initEaelMobileTabSliders() {
    const widgets = [
      ...document.querySelectorAll('.mobile-tabs-slider .eael-advance-tabs'),
      ...document.querySelectorAll('.eael-advance-tabs.mobile-tabs-slider')
    ];

    widgets.forEach(initOneEaelMobileTabSlider);
  }

  document.addEventListener('DOMContentLoaded', initEaelMobileTabSliders);
  window.addEventListener('load', initEaelMobileTabSliders);

  if (window.jQuery) {
    jQuery(window).on('elementor/frontend/init', function () {
      initEaelMobileTabSliders();
    });
  }
})();