jQuery(function () {
  jQuery('#signup-modal>#mc-form').on('click', function (e) {
    e.stopPropagation();
  });

  jQuery('#SearchToggle').on('click', function () {
    jQuery('#searchOverlay').addClass('open');
    jQuery('input#searchOverlayQuery').trigger('focus');
    jQuery('body').addClass('noscroll');
  });
  jQuery('#searchOverlayClose').on('click', function () {
    jQuery('#searchOverlay').removeClass('open');
    jQuery('input#searchOverlayQuery').trigger('blur');
    jQuery('body').removeClass('noscroll');
  });

  jQuery('.urlcopy').on('click', function (e) {
    e.preventDefault();
    var clipboard = new ClipboardJS('.urlcopy');
    clipboard.on('success', function (e) {
      jQuery('#urlbtn').tooltip('show');
      e.clearSelection();
    });
  });
  jQuery('#NavSlideoutToggle').on('click', function () {
    jQuery(this).toggleClass('open');
    jQuery('#navbarNavSlideout').toggleClass('open');
    var bodyElement = jQuery('body');
    if (bodyElement.css('overflow-y') !== 'hidden') {
      bodyElement.css('overflow-y', 'hidden');
    } else {
      bodyElement.css('overflow-y', '');
    }
  });

  // jQuery('.custom-dropdown-toggle').on('click', function() {
  //   jQuery(this).parent().find('.dropdown-menu').toggleClass('open')
  // })

  jQuery('#catDropdownBtn').on('click', function (e) {
    e.preventDefault();
    jQuery('#category-menu').toggleClass('open');
  });

  jQuery('.newsletter-modal-button').on('click', function () {
    jQuery('#signup-modal').show();
    jQuery('#signup-modal').addClass('launch');
  });

  jQuery('#signup-modal').on('click', function () {
    jQuery('#signup-modal').removeClass('launch');
    setTimeout(function () {
      jQuery('#signup-modal').hide();
    }, 300);
  });

  const currentMode = localStorage.getItem('mode') || 'dark';
  jQuery('body').toggleClass('dark', currentMode === 'dark');

  // Set the state of all switchers based on the current theme mode
  jQuery('.switch-input').each(function () {
    jQuery(this).prop('checked', currentMode !== 'dark');
  });

  // Add event listener to all switchers
  jQuery('.switch-input').on('change', function () {
    const newMode = (localStorage.getItem('mode') || 'dark') === 'dark' ? 'light' : 'dark';
    localStorage.setItem('mode', newMode);
    jQuery('body').toggleClass('dark', newMode === 'dark');

    // Update the state of all switchers
    jQuery('.switch-input').each(function () {
      jQuery(this).prop('checked', newMode !== 'dark');
    });

    // Update icon states (if any)
    if (newMode === 'dark') {
      jQuery('.fa-toggle-on').removeClass('fa-toggle-on').addClass('fa-toggle-off');
    } else {
      jQuery('.fa-toggle-off').removeClass('fa-toggle-off').addClass('fa-toggle-on');
    }
  });
});