/**
 * CyberFortress LiveVault Page — Main JS
 * Modal controller + scroll reveal
 * Upload to HubSpot File Manager, then reference via <script src="...">
 */

(function() {
  // ── Modal ──
  var overlay = document.getElementById('lv-modal');
  var closeBtn = document.getElementById('lv-modal-close');
  var overline = document.getElementById('lv-modal-overline');
  var title = document.getElementById('lv-modal-title');
  var desc = document.getElementById('lv-modal-desc');
  var formLoaded = false;

  var modalContent = {
    trial: {
      overline: '30-Day Free Trial',
      title: 'Try LiveVault Free for 30 Days',
      desc: 'Fill out the form below and our team will get you set up with a full-featured LiveVault trial \u2014 no commitment, no credit card required.'
    },
    demo: {
      overline: 'Request a Demo',
      title: 'See LiveVault in Action',
      desc: 'Schedule a personalized walkthrough with our team. We\u2019ll show you how LiveVault protects your servers and gets you back to business fast.'
    },
    start: {
      overline: 'Get Started',
      title: 'Let\u2019s Protect Your Servers',
      desc: 'Tell us about your environment and a backup specialist will reach out to find the right LiveVault plan for your organization.'
    }
  };

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

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

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

  // Trigger buttons
  document.querySelectorAll('.lv-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();
  });

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

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