(function($) {
  "use strict";
  /* =================================
  ===     Widget Slider        ====
  =================================== */
  function initializeSwiper(selector, desktopView = 1, tabletView = 1, mobileView = 1) {
    var swiper = new Swiper(selector, {
      direction: 'horizontal',
      loop: true,
      autoplay: {
        delay: 3000,
      },
      speed: 700,
      slidesPerView: desktopView, // Default for desktop
      // Navigation arrows
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      breakpoints: {
        240: {
          slidesPerView: mobileView,
          spaceBetween: 0,
        },
        640: {
          slidesPerView: mobileView,
          spaceBetween: 0,
        },
        768: {
          slidesPerView: tabletView,
          spaceBetween: 10,
        },
        991: {
          slidesPerView: desktopView,
          spaceBetween: 24,
        },
      }
    });
  }
  initializeSwiper('.wigethomemain');
  initializeSwiper('.homemain');
  initializeSwiper('.featured_cat_slider');
  initializeSwiper('.colmnthree',3,2,1);
  
  /* =================================
  ===         Tiker SLIDER         ====
  =================================== */
  function newsxoticker() {
    var newsTicker = new Swiper(".bs-latest-news-slider", {
      direction: "horizontal",
      slidesPerView: 1,
      loop: true,
      autoplay: {
        delay: 3000,
      }, 
      speed:1000, 
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev'
      },  
      // breakpoints: {
      //   // when window width is <= 767px
      //   767: {
      //     direction: "horizontal", // Change to vertical on small screens
      //   }
      // }
    });
  }
  newsxoticker();

  /* =================================
  ===         SCROLL TOP       ====
  =================================== */
  document.addEventListener("DOMContentLoaded", function () {
    var scrollToTopBtn = document.querySelector(".bs_upscr");
    var rootElement = document.documentElement || document.body; // Ensure cross-browser support

    function handleScroll() {
      var scrollTotal = rootElement.scrollHeight - rootElement.clientHeight;
      var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

      if (scrollTop / scrollTotal > 0.05) {
        // Show button
        scrollToTopBtn.classList.add("showBtn");
      } else {
        // Hide button
        scrollToTopBtn.classList.remove("showBtn");
      }
    }
    function scrollToTop(event) {
      event.preventDefault(); // Prevent default anchor behavior
      window.scrollTo({
        top: 0,
        behavior: "smooth"
      });
    }
    if (scrollToTopBtn) {
      scrollToTopBtn.addEventListener("click", scrollToTop);
      document.addEventListener("scroll", handleScroll);
    }
  });

  /* =================================
  ===         STICKY HEADER       ====
  =================================== */
  document.addEventListener('DOMContentLoaded', function () {
    let stickyHeader = document.querySelector(".bs-menu-full.sticky-header");
  
    if (stickyHeader) {
      let headerHeight = stickyHeader.offsetHeight;
  
      window.addEventListener("scroll", function () {
        // Check if the scroll position has passed the header's height
        if (window.scrollY > headerHeight) {
          stickyHeader.classList.add("header-sticky");
        } else {
          stickyHeader.classList.remove("header-sticky");
        }
      });
    }
  });
  
  var elements = document.getElementsByClassName('bs-sticky');

  for (var i = 0; i < elements.length; i++) {
    new hcSticky(elements[i], {
      stickTo: elements[i].parentNode,
      top: 0,
      bottomEnd: 0,
    });
  }
 
  jQuery(document).ready(function() {
    jQuery('.sm').smartmenus({
      subMenusSubOffsetX: 1,
      subMenusSubOffsetY: -8
    });
  });
  
  /*---------------------------------------
    Off Canvas           
  -----------------------------------------*/
  let clickableAddElementRight = document.querySelector('[bs-data-clickable-end]');
  let clickableRemoveElement = document.querySelector('[bs-data-removable]');
  let clickableRemoveElementTwo = document.querySelector('[bs-remove-overlay]');
  let targetElement = document.querySelector('[bs-data-targeted]'); 
  let targetBody = document.querySelector('body'); 

  // Function to handle the click event
  function handleClickRight() { 
    targetElement.classList.add('from-right'); 
    clickableRemoveElementTwo.classList.add('show'); 
    targetBody.style.overflow = 'hidden';
    targetBody.style.paddingRight = '17px';
    clickableRemoveElement.focus();
  }
  
  function handleClickRemove(event) {
    event.preventDefault();
    targetElement.classList.remove('from-right');
    clickableRemoveElementTwo.classList.remove('show'); 
    targetBody.style.overflow = null;
    targetBody.style.paddingRight = null;
    clickableAddElementRight.focus();
  }

  // Attach the handleClick function to the click event of the clickable element
  if( (clickableAddElementRight !== null) && (clickableAddElementRight !== undefined)) {
    clickableAddElementRight.addEventListener('click', handleClickRight);
  }
  clickableRemoveElement.addEventListener('click', handleClickRemove);
  clickableRemoveElementTwo.addEventListener('click', handleClickRemove);


  /* =================================
  ===        Featured Tabs  ====
  =================================== */
  function featuredTabsWidget() {
    document.querySelectorAll('.tab-wrapper').forEach(container => {
      const tabButtons = container.querySelectorAll('.tab-button');
      const tabContents = container.querySelectorAll('.tab-content');

      tabButtons.forEach((button, index) => {
        button.addEventListener('click', function () {
          tabButtons.forEach(btn => btn.classList.remove('active'));
          tabContents.forEach(tab => tab.style.display = 'none');
          tabContents[index].style.display = 'block';
          button.classList.add('active');
        });
      });

      // Initialize first tab as active
      tabButtons[0].classList.add('active');
      tabContents[0].style.display = 'block';
    });
  }
  featuredTabsWidget();

  /*---------------------------------------
    Search           
  -----------------------------------------*/
  let clickAddElementSearch = document.querySelector('[bs-search-clickable]');
  let targetSerachElement = document.querySelector('[bs-search-targeted]'); 
  let targetHideSerach = document.querySelector('[bs-dismiss-search]'); 

  // Function to handle the click event
  function openSearch(event) {
    event.preventDefault();
    clickableRemoveElementTwo.classList.add('show');
    targetSerachElement.classList.add('show-search');
    targetBody.style.overflow = 'hidden'; 
    targetBody.style.paddingRight = '17px';
    document.querySelector('.search-popup-content form .search-field').focus();
  }
  function hideSearch() {
    clickableRemoveElementTwo.classList.remove('show'); 
    targetSerachElement.classList.remove('show-search');
    targetBody.style.overflow = null;
    targetBody.style.paddingRight = null;
    clickAddElementSearch.focus();
  }
  if(clickAddElementSearch){
    clickAddElementSearch.addEventListener('click', openSearch);
  }
  // clickableRemoveElementTwo.addEventListener('click', hideSearch);
  targetHideSerach.addEventListener('click', hideSearch);


  $(document).ready(function(){
    $(".menu-btn").click(function() {
      console.log('yes');
      $(this).toggleClass("on");
      $("#main-nav").slideToggle();
      $("#menu-header-menu").css("transition", "all 0.8s");
    });
  });

  function addKeydownListener() {
    document.addEventListener('keydown', keydownHandler);
  }

  function removeKeydownListener() {
    document.removeEventListener('keydown', keydownHandler);
  }

  function keydownHandler(event) {
    if (event.key === 'Tab') {
      var focusedElement = document.activeElement;
      var parentElement = document.getElementById('main-nav');
      var ulParent = parentElement.querySelector("ul.sm.sm-clean");
      var lastChild = ulParent.lastElementChild.firstElementChild;

      // Check if the focused element is the last child
      if (focusedElement === lastChild) {
        // Prevent the default tab behavior
        event.preventDefault();

        // Perform your actions here
        const returnFocus = document.querySelector('button.menu-btn');
        returnFocus.click();
        returnFocus.focus();
      }
    }
  }

  function checkWindowSize() {
    if (window.innerWidth < 992) {
      addKeydownListener();
    } else {
      removeKeydownListener();
      document.getElementById('main-nav').style.display = '';
    }
  }

  // Check window size on initial load
  checkWindowSize();

  // Check window size on resize
  window.addEventListener('resize', checkWindowSize);

  function applyTabNavigation(selector) {
		$(document).ready(function() {
			$(selector).each(function() {
				var $capture = $(this);

				$capture
				.attr('tabindex', '-1')
				.focus()
				.keydown(function handleKeydown(event) {
					if (event.key.toLowerCase() !== 'tab') {
						return;
					}
					var tabbable = $()
					.add($capture.find('button, input, select, textarea'))
					.add($capture.find('[href]'))
					.add($capture.find('[tabindex]:not([tabindex="-1"])'));

					var $target = $(event.target);

					if (tabbable.length === 0) {
						return;
					}
					var firstTabbable = tabbable.first();
					var lastTabbable = tabbable.last();
					if (event.shiftKey) { 
						if ($target.is(firstTabbable)) {
							event.preventDefault();
							lastTabbable.focus();
						}
					} else { 
						if ($target.is(lastTabbable)) {
							event.preventDefault();
							firstTabbable.focus();
						}
					}
				});

				// Ensure focus starts within the container when it's focused
				$capture.on('focus', function() {
					var tabbable = $()
					.add($capture.find('button, input, select, textarea'))
					.add($capture.find('[href]'))
					.add($capture.find('[tabindex]:not([tabindex="-1"])'));

					if (tabbable.length > 0) {
						tabbable.first().focus();
					}
				});
			});
		});
  }

  // Apply to multiple selectors
  applyTabNavigation('.search-popup');
  // applyTabNavigation('.bs-offcanvas.end');
    
  document.addEventListener('DOMContentLoaded', function() {
    var pageTitle = document.querySelector('.bs-card-box.page-entry-title + .row .page-title');
    if (pageTitle) {
      pageTitle.remove();
    }
  });

})(jQuery);

document.addEventListener("DOMContentLoaded", function () {
  var myVar = setInterval(function () {
    myTimer();
  }, 100);

  function myTimer() {
    var timeElement = document.getElementById("time");
    if (timeElement) {
      var d = new Date();
      timeElement.innerHTML = d.toLocaleTimeString();
    }
  }
});
