// StickyButton widget — vanilla JS
document.addEventListener('astro:page-load', function() {
  var overlay = document.getElementById('stickyOverlay');
  var closeBtn = document.getElementById('stickyClose');
  var btn = document.getElementById('stickyBtn');
  var popup = document.getElementById('stickyPopup');
  var chatPopup = document.getElementById('stickyChatPopup');
  var catalogPopup = document.getElementById('stickyCatalogPopup');
  var dot = document.getElementById('stickyDot');
  var hasClicked = false;

  if (!btn) return;

  function closeAll() {
    if (overlay) overlay.style.display = 'none';
    if (closeBtn) closeBtn.style.display = 'none';
    if (popup) { popup.classList.remove('stickyPopup--opened'); popup.style.display = 'none'; }
    if (chatPopup) chatPopup.style.display = 'none';
    if (catalogPopup) catalogPopup.style.display = 'none';
    if (window.groove && window.groove.widget) {
      try { window.groove.widget.close(); } catch(e) {}
    }
  }

  function showOverlay() {
    if (overlay) overlay.style.display = 'block';
    if (closeBtn) closeBtn.style.display = 'flex';
  }

  // Main button
  btn.addEventListener('click', function(e) {
    e.stopPropagation();
    var isOpen = popup.style.display === 'flex';
    if (!isOpen) {
      closeAll();
      showOverlay();
      popup.style.display = 'flex';
      setTimeout(function() { popup.classList.add('stickyPopup--opened'); }, 10);
      hasClicked = true;
      if (dot) dot.style.display = 'none';
      btn.classList.add('stickyBtn--opened');
      setTimeout(function() { btn.classList.remove('stickyBtn--opened'); }, 300);
    } else {
      closeAll();
    }
  });

  if (overlay) overlay.addEventListener('click', closeAll);
  if (closeBtn) closeBtn.addEventListener('click', closeAll);

  // AI Wally
  var wallyBtn = document.getElementById('stickyAiWally');
  if (wallyBtn) wallyBtn.addEventListener('click', function() {
    popup.style.display = 'none';
    popup.classList.remove('stickyPopup--opened');
    chatPopup.style.display = 'block';
    var iframe = document.getElementById('wallyIframe');
    if (iframe && !iframe.getAttribute('src')) {
      iframe.setAttribute('src', 'https://retune.so/share/chat/11ee50a6-3e30-e8d0-945f-3babea612364/widget');
    }
    showOverlay();
  });

  // Customer Support — Groove is loaded by GTM on live domain
  var supportBtn = document.getElementById('stickySupport');
  if (supportBtn) supportBtn.addEventListener('click', function() {
    popup.style.display = 'none';
    popup.classList.remove('stickyPopup--opened');
    if (overlay) overlay.style.display = 'none';
    if (closeBtn) closeBtn.style.display = 'none';
    if (window.groove && window.groove.widget) {
      groove.widget.open();
    }
  });

  // Service Catalog
  var catalogBtn = document.getElementById('stickyCatalog');
  if (catalogBtn) catalogBtn.addEventListener('click', function() {
    popup.style.display = 'none';
    popup.classList.remove('stickyPopup--opened');
    catalogPopup.style.display = 'block';
    var iframe = document.getElementById('catalogIframe');
    if (iframe && !iframe.getAttribute('src')) {
      iframe.setAttribute('src', 'https://online.fliphtml5.com/yctlh/kncv/');
    }
    showOverlay();
  });

  var catalogClose = document.getElementById('stickyCatalogClose');
  if (catalogClose) catalogClose.addEventListener('click', function() {
    closeAll();
  });

  // Show dot after 10s
  setTimeout(function() {
    if (!hasClicked && dot) dot.style.display = 'block';
  }, 10000);
});