// Preloader
function loadData() {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, 2000);
  })
}

// Wow Init
new WOW().init();
// 

// loadData()
//   .then(() => {
//     let preloaderEl = document.getElementById('preloader');
//     preloaderEl.classList.add('hidden');
//     preloaderEl.classList.remove('visible');
//   });

const header = $("#header")
const slimheader = () => {
    if($(window).scrollTop() > 0){
        header.addClass("slim")
    } else {
        header.removeClass("slim")
    }
}
slimheader()
$(window).on('scroll',function(){
    slimheader()
})

$(".mobileBurger").on('click',function(){
    $('html').toggleClass('open')
})

// iframe Pause
  $("#video-popup").on('hidden.bs.modal', function (e) {
       $("#video-popup iframe").attr("src",   $("#video-popup iframe").attr("src"));
  });

// Ends
  
$(document).ready(function() {
  $(".set > a").on("click", function() {
    if ($(this).hasClass("active")) {
      $(this).removeClass("active");
      $(this)
        .siblings(".content")
        .slideUp(200);
      $(".set > a i")
        .removeClass("fa-minus")
        .addClass("fa-plus");
    } else {
      $(".set > a i")
        .removeClass("fa-minus")
        .addClass("fa-plus");
      $(this)
        .find("i")
        .removeClass("fa-plus")
        .addClass("fa-minus");
      $(".set > a").removeClass("active");
      $(this).addClass("active");
      $(".content").slideUp(200);
      $(this)
        .siblings(".content")
        .slideDown(200);
    }
  });
});

// Active Class
 $(document).ready(function() {
    $('li').click(function() {
      $('li').removeClass('active');
      $(this).addClass('active');
    });
  });

 // End

$('#owl-carousel').owlCarousel({
    loop:true,
    // margin:10,
    navText: [" ", " "],
    responsiveClass:true,
    responsive:{
        0:{
            items:1,
            nav:true
        },
        600:{
            items:2,
            nav:false
        },
        1000:{
            items:2,
            nav:true,
            loop:false
        }
    }
})

$('#owl-carousel-img').owlCarousel({
    loop:true,
    // margin:10,
    navText: [" ", " "],
    responsiveClass:true,
    autoplay:true,
    responsive:{
        0:{
            items:1,
            nav:true
        },
        600:{
            items:2,
            nav:false
        },
        1000:{
            items:5,
            nav:true,
            loop:false
        }
    }
})

// Swiper Slide
 var swiper = new Swiper(".mySwiper", {
      slidesPerView: 1,
      spaceBetween: 30,
      loop: true,
      breakpoints: {
      480: {
        slidesPerView: 1,
        spaceBetween: 40,
      },
      640: {
        slidesPerView: 2,
        spaceBetween: 50,
      }
    },
    autoplay: {
    delay: 3000, // Set the delay between slides
  },
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
      },
    });

 // window.addEventListener('scroll', function() {
 //      var topDiv = document.querySelector('.top-div');
 //      var content = document.querySelector('.content1');
 //      var topDivHeight = topDiv.offsetHeight;
 //      var contentOffsetTop = content.offsetTop;

 //      if (window.pageYOffset > 500) {
 //        topDiv.style.position = 'fixed';
 //        topDiv.style.top = '100px';
 //      } else {
 //        topDiv.style.position = 'relative';
 //        topDiv.style.top = '0';
 //      }
 //    });

 window.addEventListener('scroll', function() {
   var topDiv = document.querySelector('.top-div');
   var content = document.querySelector('.content1');
   
   if (topDiv && content) {
     var topDivHeight = topDiv.offsetHeight;
     var contentOffsetTop = content.offsetTop;

     if (window.pageYOffset > 500) {
       topDiv.style.position = 'fixed';
       topDiv.style.top = '100px';
     } else {
       topDiv.style.position = 'relative';
       topDiv.style.top = '0';
     }
   }
 });

 const selectContainer = document.querySelector('.selection-mobile');

 if (selectContainer) {
   const initialSelectPosition = selectContainer.offsetTop;

   window.addEventListener('scroll', () => {
     if (window.pageYOffset > initialSelectPosition) {
       selectContainer.classList.add('fixed');
     } else {
       selectContainer.classList.remove('fixed');
     }
   });
 }



 // const selectContainer = document.querySelector('.selection-mobile');
 // const initialSelectPosition = selectContainer.offsetTop;

 // window.addEventListener('scroll', () => {
 //   if (window.pageYOffset > initialSelectPosition) {
 //     selectContainer.classList.add('fixed');
 //   } else {
 //     selectContainer.classList.remove('fixed');
 //   }
 // });


 // Select Move
$("#course").on("change", function () {
  var $option = $(this).find("option:selected");
  var value = $option.val();
   console.log(value);

  setTimeout(function () {
    $("html, body").animate(
      {
        scrollTop: $("#" + value).offset().top
      },
      1000
    );
  }, 500);
});