/* tooltips */
function initTooltips(section) {
  const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
  const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
}

function checkTermsandConditions(){
  const checkTerms = document.querySelector('#cgvCheck');
  const createAccountButton = document.querySelector('#btnCreateAccount');
  createAccountButton.disabled = !checkTerms.checked;
}

document.addEventListener("DOMContentLoaded", function() {
  const offmenu = document.getElementById("offSideMenu"),
        sidemenu = document.getElementById("secondNav");

  const toggleMenus = ({ matches }) => {
    if(offmenu && sidemenu){
      offmenu.style.display = matches ? "block" : "none";
      sidemenu.style.display = matches ? "none" : "block";
    }
  };

  const mediaQuery = window.matchMedia("(max-width: 992px)");

  mediaQuery.addEventListener('change', toggleMenus);

  const meetOption1 = document.getElementById('userMeetOptionReal'),
  meetOption2 = document.getElementById('userMeetOptionVirtual'),
  meetOption3 = document.getElementById('userMeetOptionHybrid'),
  meetLocation = document.getElementById('userTandemMeetLocation');

  const updateMeet = () => {
    if (meetLocation) {meetLocation.style.display = (meetOption1?.checked || meetOption3?.checked) ? 'block' : 'none'; }
  };

  [meetOption1, meetOption2, meetOption3].forEach(option => { if (option) { option.addEventListener('change', updateMeet); }} );

  updateMeet();
  initTooltips(document);
  toggleMenus(mediaQuery); // Initial check
});