const revealItems = document.querySelectorAll('.reveal');

const revealObserver = new IntersectionObserver((entries) => {
  entries.forEach((entry) => {
    if (entry.isIntersecting) {
      entry.target.classList.add('in-view');
      revealObserver.unobserve(entry.target);
    }
  });
}, { threshold: 0.14 });

revealItems.forEach((item) => revealObserver.observe(item));

if (window.Swiper) {
  new Swiper('.news-swiper', {
    slidesPerView: 1,
    spaceBetween: 24,
    loop: true,
    autoplay: {
      delay: 3000,
      disableOnInteraction: false,
    },
    pagination: {
      el: '.slider-dots',
      clickable: true,
    },
    breakpoints: {
      641: {
        slidesPerView: 2,
        spaceBetween: 24,
      },
      981: {
        slidesPerView: 3,
        spaceBetween: 36,
        slidesPerGroup: 3,
      },
    },
  });
}

document.querySelectorAll('.faq-item button').forEach((button) => {
  button.addEventListener('click', () => {
    const item = button.closest('.faq-item');
    const isActive = item.classList.contains('active');

    document.querySelectorAll('.faq-item').forEach((faq) => {
      faq.classList.remove('active');
      const icon = faq.querySelector('img');
      icon.src = 'static/imgs/Group 182.png';
      icon.className = 'plus';
    });

    if (!isActive) {
      item.classList.add('active');
      const icon = button.querySelector('img');
      icon.src = 'static/imgs/Rectangle 1122.png';
      icon.className = 'minus';
    }
  });
});

document.querySelector('.top-btn').addEventListener('click', () => {
  window.scrollTo({ top: 0, behavior: 'smooth' });
});

const expandBtn = document.querySelector('.expand-btn');
const partnerGrid = document.querySelector('.partner-grid');

if (expandBtn && partnerGrid) {
  expandBtn.addEventListener('click', () => {
    const expanded = partnerGrid.classList.toggle('expanded');
    expandBtn.firstChild.textContent = expanded ? 'Collapse ' : 'Expand ';
  });
}

const menuToggle = document.querySelector('.menu-toggle');
const headerInner = document.querySelector('.header-inner');
const navPill = document.querySelector('.nav-pill');

if (menuToggle && headerInner && navPill) {
  menuToggle.addEventListener('click', () => {
    const isOpen = headerInner.classList.toggle('menu-open');
    menuToggle.setAttribute('aria-expanded', String(isOpen));
  });

  navPill.querySelectorAll('a').forEach((link) => {
    link.addEventListener('click', () => {
      headerInner.classList.remove('menu-open');
      menuToggle.setAttribute('aria-expanded', 'false');
    });
  });
}