// Services page scripts (moved from inline in pages/services.html)
// Depends on ../main.js which initializes feather and other globals

(function() {
  document.addEventListener('DOMContentLoaded', () => {
    // Timeline Animation
    const timeline = document.getElementById('process-timeline');
    const steps = document.querySelectorAll('.process-step');

    function animateTimeline() {
      if (!timeline) return;
      const timelineTop = timeline.getBoundingClientRect().top;

      if (timelineTop < window.innerHeight - 200) {
        timeline.classList.add('animated');

        // Animate steps sequentially
        steps.forEach((step, index) => {
          setTimeout(() => {
            step.classList.add('active');
          }, index * 400);
        });
      }
    }

    window.addEventListener('scroll', animateTimeline);
    window.addEventListener('load', animateTimeline);

    // Service Tabs
    const tabBtns = document.querySelectorAll('.service-tab-btn');
    const tabContents = document.querySelectorAll('.service-tab-content');

    if (tabBtns.length && tabContents.length) {
      tabBtns.forEach(btn => {
        btn.addEventListener('click', () => {
          const tabId = btn.dataset.tab;

          // Update buttons
          tabBtns.forEach(b => b.classList.remove('active'));
          btn.classList.add('active');

          // Update content
          tabContents.forEach(content => {
            content.classList.remove('active');
            if (content.id === 'tab-' + tabId) {
              content.classList.add('active');
            }
          });

          // Re-init feather icons for new content (safe if feather is loaded)
          if (window.feather) window.feather.replace();
        });
      });
    }

  });
})();