/**
 * CyberFortress DRaaS 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('dr-modal');
  var closeBtn = document.getElementById('dr-modal-close');
  var overline = document.getElementById('dr-modal-overline');
  var title = document.getElementById('dr-modal-title');
  var desc = document.getElementById('dr-modal-desc');
  var formLoaded = false;

  var modalContent = {
    demo: {
      overline: 'Let\u2019s Talk Disaster Recovery',
      title: 'When Disaster Strikes, Be Ready.',
      desc: 'Every minute of downtime costs your business. Share a few details below and a Veeam-certified recovery specialist will reach out to walk through your environment, uncover gaps in your current DR plan, and show you exactly how CyberFortress gets you back online fast.'
    },
    start: {
      overline: 'Let\u2019s Talk Disaster Recovery',
      title: 'When Disaster Strikes, Be Ready.',
      desc: 'Every minute of downtime costs your business. Share a few details below and a Veeam-certified recovery specialist will reach out to walk through your environment, uncover gaps in your current DR plan, and show you exactly how CyberFortress gets you back online fast.'
    }
  };

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

    if (!formLoaded && typeof hbspt !== 'undefined') {
      hbspt.forms.create({
        portalId: '45830035',
        formId: '7ec777a6-410c-4942-86bc-0012089e2d98',
        region: 'na2',
        sfdcCampaignId: '701Rd00000eO6YKIA0',
        target: '#dr-hs-form'
      });
      formLoaded = true;
    }
  }

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

  // Trigger buttons
  document.querySelectorAll('.dr-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-dr .dr-reveal');
  if (revealEls.length > 0) {
    if ('IntersectionObserver' in window) {
      var revealObserver = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
          if (entry.isIntersecting) {
            entry.target.classList.add('dr-visible');
            revealObserver.unobserve(entry.target);
          }
        });
      }, { threshold: 0.15 });
      revealEls.forEach(function(el) { revealObserver.observe(el); });
    } else {
      revealEls.forEach(function(el) { el.classList.add('dr-visible'); });
    }
  }

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