Specials

document.addEventListener('DOMContentLoaded', () => {
  console.log(window.bricksData?.splideInstances);
});


document.addEventListener('DOMContentLoaded', function() {
  const scriptId = 'tugclp'; // <-- YOUR data-bricks-script-id HERE
  const splide = window.bricksData?.splideInstances?.[scriptId];

  if (!splide) {
    console.warn('Splide instance not found for ID:', scriptId);
    return;
  }

  const sliderEl = splide.root; // the .splide element

  splide.on('move', function(newIndex, prevIndex) {
    const direction = newIndex > prevIndex ? 'next' : 'prev';

    // Add direction class to the slider root
    sliderEl.classList.remove('slide-dir-next', 'slide-dir-prev');
    sliderEl.classList.add('slide-dir-' + direction);

    // Auto-remove after animation (prevents stuck states)
    setTimeout(() => {
      sliderEl.classList.remove('slide-dir-next', 'slide-dir-prev');
    }, 1500); // longer than your transition
  });

  // Optional: initial direction on load
  splide.on('mounted', () => {
    console.log('Slider mounted, active index:', splide.index);
  });
});