/**
 * CyberFortress Jungle Disk Endpoint Backup Page \u2014 Main JS
 * Modal controller + scroll reveal + hero animation
 * Upload to HubSpot File Manager, then reference via <script src="...">
 */

(function() {
  // \u2500\u2500 Modal \u2500\u2500
  var overlay = document.getElementById('jd-modal');
  var closeBtn = document.getElementById('jd-modal-close');
  var overlineEl = document.getElementById('jd-modal-overline');
  var titleEl = document.getElementById('jd-modal-title');
  var descEl = document.getElementById('jd-modal-desc');
  var formLoaded = false;

  var modalContent = {
    'sign-up': {
      overline: 'Sign Up',
      title: 'Start Protecting Your Devices',
      desc: 'Sign up today and get endpoint backup for $15/device/month. No contracts, no hidden fees \u2014 just reliable protection for every laptop and desktop in your organization.'
    },
    demo: {
      overline: 'Request a Demo',
      title: 'See Jungle Disk in Action',
      desc: 'Schedule a personalized walkthrough with our team. We\u2019ll show you how Jungle Disk protects endpoints and keeps your remote workforce\u2019s data safe.'
    },
    start: {
      overline: 'Get Started',
      title: 'Let\u2019s Secure Your Endpoints',
      desc: 'Tell us about your environment and a backup specialist will reach out to find the right plan for your organization.'
    }
  };

  function openModal(type) {
    var c = modalContent[type] || modalContent.start;
    if (overlineEl) overlineEl.textContent = c.overline;
    if (titleEl) titleEl.textContent = c.title;
    if (descEl) descEl.textContent = c.desc;
    if (overlay) overlay.classList.add('jd-modal-open');
    document.body.style.overflow = 'hidden';

    if (!formLoaded && window.hbspt) {
      hbspt.forms.create({
        portalId: '45830035',
        formId: 'a3e259e5-61d5-45b4-b7f0-63e5535e29dc',
        region: 'na2',
        sfdcCampaignId: '701Rd00000f6xFXIAY',
        target: '#jd-hs-form'
      });
      formLoaded = true;
    }
  }

  function closeModal() {
    if (overlay) overlay.classList.remove('jd-modal-open');
    document.body.style.overflow = '';
  }

  // Trigger buttons
  document.querySelectorAll('.jd-modal-trigger').forEach(function(btn) {
    btn.addEventListener('click', function(e) {
      e.preventDefault();
      openModal(this.getAttribute('data-modal'));
    });
  });

  // Close handlers
  if (closeBtn) closeBtn.addEventListener('click', closeModal);
  if (overlay) overlay.addEventListener('click', function(e) {
    if (e.target === overlay) closeModal();
  });
  document.addEventListener('keydown', function(e) {
    if (e.key === 'Escape') closeModal();
  });

  // \u2500\u2500 Scroll Reveal \u2500\u2500
  var revealEls = document.querySelectorAll('.cf-jd .jd-reveal');
  if (revealEls.length > 0) {
    var revealObserver = new IntersectionObserver(function(entries) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add('jd-visible');
          revealObserver.unobserve(entry.target);
        }
      });
    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });
    revealEls.forEach(function(el) { revealObserver.observe(el); });
  }

  // \u2500\u2500 Hero visual slide-in \u2500\u2500
  var heroVisual = document.querySelector('.cf-jd .jd-hero-visual');
  if (heroVisual) {
    setTimeout(function() {
      heroVisual.style.opacity = '1';
      heroVisual.style.transform = 'translateX(0)';
    }, 500);
  }
})();