// Navigation
(function () {
  var btn = document.querySelector('.bb-nav-hamburger');
  var drawer = document.querySelector('.bb-nav-drawer');
  if (btn && drawer) {
    btn.addEventListener('click', function () {
      var open = btn.classList.toggle('open');
      drawer.classList.toggle('open', open);
      btn.setAttribute('aria-expanded', open);
      drawer.setAttribute('aria-hidden', !open);
    });
  }

  var nav = document.querySelector('.bb-nav');
  var spacer = document.querySelector('.bb-nav-spacer');
  if (nav && spacer) {
    var sync = function () { spacer.style.height = nav.offsetHeight + 'px'; };
    sync();
    window.addEventListener('resize', sync);
    window.addEventListener('load', sync);
  }
})();

// Navigation Operating Hours Detector 
(function () {
  var el = document.querySelector('.bb-nav-time');
  if (!el) return;

  // Hours by day index (0 = Sun … 6 = Sat), in minutes from midnight.
  // Keep in sync with the Visit section's hours.
  var SCHEDULE = [
    [600, 1320], // Sun · 10A–10P
    [600, 1320], // Mon · 10A–10P
    [600, 1320], // Tue · 10A–10P
    [600, 1320], // Wed · 10A–10P
    [600, 1320], // Thu · 10A–10P
    [540, 1440], // Fri · 9A–12A
    [540, 1440]  // Sat · 9A–12A
  ];
  var DAY_ABBR = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'];
  var DAY_TO_IDX = { Sun: 0, Mon: 1, Tue: 2, Wed: 3, Thu: 4, Fri: 5, Sat: 6 };

  function fmt(min) {
    var h = Math.floor(min / 60) % 24, m = min % 60;
    var period = h < 12 ? 'A' : 'P';
    var h12 = h % 12 || 12;
    return h12 + (m ? ':' + (m < 10 ? '0' + m : m) : '') + period;
  }

  // Resolve the current day + minute-of-day in the store's own timezone, so the
  // status is correct regardless of where the visitor is browsing from.
  function storeNow(tz) {
    var parts = new Intl.DateTimeFormat('en-US', {
      timeZone: tz, weekday: 'short', hour: '2-digit', minute: '2-digit', hour12: false
    }).formatToParts(new Date());
    var day = null, hh = 0, mm = 0;
    parts.forEach(function (p) {
      if (p.type === 'weekday') day = DAY_TO_IDX[p.value];
      else if (p.type === 'hour') hh = parseInt(p.value, 10) % 24;
      else if (p.type === 'minute') mm = parseInt(p.value, 10);
    });
    return { day: day, min: hh * 60 + mm };
  }

  function update() {
    var now;
    try { now = storeNow(el.dataset.tz || 'America/Chicago'); }
    catch (e) { var d = new Date(); now = { day: d.getDay(), min: d.getHours() * 60 + d.getMinutes() }; }

    var today = SCHEDULE[now.day];
    var isOpen = !!(today && now.min >= today[0] && now.min < today[1]);
    var label;

    if (isOpen) {
      label = 'OPEN · TIL ' + fmt(today[1]);
    } else if (today && now.min < today[0]) {
      label = 'CLOSED · OPENS ' + fmt(today[0]);
    } else {
      var next = null, off = 0;
      for (var i = 1; i <= 7; i++) {
        var d = (now.day + i) % 7;
        if (SCHEDULE[d]) { next = SCHEDULE[d]; off = i; break; }
      }
      label = next ? 'CLOSED · ' + DAY_ABBR[(now.day + off) % 7] + ' ' + fmt(next[0]) : 'CLOSED';
    }

    el.textContent = label;
    el.classList.toggle('bb-nav-open', isOpen);
  }

  update();
  setInterval(update, 60000); // keep the status fresh as time rolls over
})();

// HP Header Video Lightbox
(function () {
  var lb    = document.getElementById('bb-tour-lb');
  var video = document.getElementById('bb-tour-video');
  var btn   = document.getElementById('bb-tour-btn');
  if (!lb || !video || !btn) return;

  function open() {
    lb.removeAttribute('hidden');
    document.body.style.overflow = 'hidden';
    video.currentTime = 0;
    video.play();
    lb.querySelector('.bb-lb-close').focus();
  }

  function close() {
    lb.setAttribute('hidden', '');
    video.pause();
    document.body.style.overflow = '';
    btn.focus();
  }

  btn.addEventListener('click', open);
  lb.querySelector('.bb-lb-backdrop').addEventListener('click', close);
  lb.querySelector('.bb-lb-close').addEventListener('click', close);
  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape' && !lb.hasAttribute('hidden')) close();
  });
})();

// HP Practice, Play, Party Toggle
(function () {
  function bbShowFig(target) {
    document.querySelectorAll('.bb-pb-fig').forEach(function(f) {
      f.hidden = f.dataset.bbfig !== target;
    });
  }
  document.querySelectorAll('.bb-z-tab').forEach(function(btn) {
    btn.addEventListener('click', function() {
      var target = btn.dataset.bbtab;
      document.querySelectorAll('.bb-z-tab').forEach(function(b) { b.classList.toggle('active', b === btn); });
      document.querySelectorAll('.bb-z-panel').forEach(function(p) { p.classList.toggle('active', p.dataset.bbpanel === target); });
      bbShowFig(target);
    });
  });
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function() { bbShowFig('practice'); });
  } else {
    bbShowFig('practice');
  }
})();

// HP Sims Video
(function () {
  // Select the video explicitly. The old document.currentScript.previousElementSibling
  // only worked while this script was inline right after the <video>; in the external
  // bundle currentScript is the bundle tag, so it must target the element by selector.
  var video = document.querySelector('.bb-s-shot video');
  if (!video) return;

  var observer = new IntersectionObserver(
    function (entries) {
      entries.forEach(function (entry) {
        if (entry.isIntersecting) {
          entry.target.play();
        } else {
          entry.target.pause();
        }
      });
    },
    { threshold: 0.25 }
  );

  observer.observe(video);
})();

// HP Testimonial Fade-In
(function () {
  var cards = document.querySelectorAll('.bb-wall .bb-quote');
  if (!cards.length) return;

  var counter = 0;
  var resetTimer;

  var io = new IntersectionObserver(function (entries) {
    entries.forEach(function (e) {
      if (!e.isIntersecting) return;
      var delay = counter * 110;
      counter++;
      clearTimeout(resetTimer);
      resetTimer = setTimeout(function () { counter = 0; }, 500);
      var el = e.target;
      setTimeout(function () { el.classList.add('bb-in'); }, delay);
      io.unobserve(el);
    });
  }, { threshold: 0.12 });

  cards.forEach(function (c) { io.observe(c); });
})();

// HP FAQ
(function () {
  var items = document.querySelectorAll('details.bb-fq-q');

  items.forEach(function (item) {
    var summary = item.querySelector('summary');
    var content = item.querySelector('.bb-fq-a');
    if (!summary || !content) return;
    summary.addEventListener('click', function (e) {
      e.preventDefault();
      if (item.open) {
        collapse(item, content);
      } else {
        items.forEach(function (other) {
          if (other !== item && other.open) {
            collapse(other, other.querySelector('.bb-fq-a'));
          }
        });
        expand(item, content);
      }
    });
  });

  function expand(item, content) {
    content.style.height = '0px';       // clamp before open so there's no flash
    item.setAttribute('open', '');
    var h = content.scrollHeight;
    content.animate([{ height: '0px' }, { height: h + 'px' }],
      { duration: 320, easing: 'cubic-bezier(0.16,1,.3,1)' })
      .onfinish = function () { content.style.height = ''; };
  }

  function collapse(item, content) {
    var h = content.scrollHeight;
    content.animate([{ height: h + 'px' }, { height: '0px' }],
      { duration: 220, easing: 'cubic-bezier(.4,0,1,1)', fill: 'forwards' })
      .onfinish = function () { item.removeAttribute('open'); content.style.height = ''; };
  }
})();

// HP Visit Toggle & Container Heights
(function () {
  var tabs = document.querySelectorAll('.bb-vi-tab');
  tabs.forEach(function (btn) {
    btn.addEventListener('click', function () {
      var target = btn.dataset.bbtab;
      tabs.forEach(function (b) {
        var on = b === btn;
        b.classList.toggle('active', on);
        b.setAttribute('aria-selected', on ? 'true' : 'false');
      });
      document.querySelectorAll('.bb-vi-panel').forEach(function (p) {
        p.classList.toggle('active', p.dataset.bbpanel === target);
      });
    });
  });
})();

// HP Visit Operating Hours Detector
(function () {
  var DAY_TO_IDX = { Sun: 0, Mon: 1, Tue: 2, Wed: 3, Thu: 4, Fri: 5, Sat: 6 };

  // Resolve "today" in the store's own timezone so the highlight stays correct
  // regardless of where the visitor is browsing from. Falls back to local day.
  function todayIndex(tz) {
    try {
      var name = new Date().toLocaleDateString('en-US', { timeZone: tz, weekday: 'short' });
      if (name in DAY_TO_IDX) return DAY_TO_IDX[name];
    } catch (e) {}
    return new Date().getDay();
  }

  document.querySelectorAll('.bb-vi-hours').forEach(function (list) {
    var today = todayIndex(list.dataset.tz || 'America/Chicago');
    var rows = Array.prototype.slice.call(list.querySelectorAll('.bb-vi-row'));

    rows
      .sort(function (a, b) {
        return ((+a.dataset.day - today + 7) % 7) - ((+b.dataset.day - today + 7) % 7);
      })
      .forEach(function (row) {
        list.appendChild(row); // re-flow so today is first, then forward through the week
        if (+row.dataset.day === today) {
          var day = row.querySelector('.bb-vi-day');
          day.classList.add('bb-vi-today');
          row.querySelector('.bb-vi-h').classList.add('bb-vi-today');
          day.textContent += ' · Today';
        }
      });
  });
})();