(function ($) {
  'use strict';

  // Preloader
  $(window).on('load', function () {
    // for preloader
    $('body').addClass('loaded');
  });

  $( document ).ready(function() {
    // scrolling animation
    new WOW().init();
  });

  // sticky header
  const fixedTop = document.querySelector(".site-header");
  window.addEventListener("scroll", function() {
      if (window.scrollY > 100) {
          fixedTop.classList.add("animated", "fadeInDown", "site-header-fixed");
      } else {
          fixedTop.classList.remove("animated", "fadeInDown", "site-header-fixed");
      }
  });

  // Mobile menu js
  $('.has-dropmenu a .dropmenu-arrow').on('click', function(){
    $(this).parent().siblings('.dropmenu').slideToggle();
  })

  $('.mobile-menu-open-btn').on('click', function(){
    $('.mobile-menu-sidebar').addClass('active');
  });

  $('.mobile-menu-close-btn').on('click', function(){
    $('.mobile-menu-sidebar').removeClass('active');
  });


  // header search js
  $('.header-search-btn').on('click', function(){
    $('.header-search-main').addClass('active');
  });

  $('.header-search-close-btn').on('click', function(){
    $('.header-search-main').removeClass('active');
  });

  // circle contact text
  const text = document.querySelector(".circle-contact-btn-text");
  if(text) {
    text.innerHTML = text.innerText
      .split("")
      .map(
        (char, i) => `<span style="transform:rotate(${i * 8.2}deg)">${char}</span>`
      )
      .join("");
  }

  // image and video popup
  const portfolioLightbox = GLightbox({
    selector: '.lightbox-item'
  });

  // pricing btn switcher 
  $(".pricing-switcher-btn").on("click", function() {
    $(".pricing-switcher-btn").removeClass("active");
    $(this).addClass("active");
  });

  $("#monthlyPrice").on("click", function() {
    $(".monthly-price").css("display", "block");
    $(".yearly-price").css("display", "none");
  });

  $("#yearlyPrice").on("click", function() {
    $(".monthly-price").css("display", "none");
    $(".yearly-price").css("display", "block");
  });

  // progress bar
  $(".progressbar").each(function(){
    $(this).find(".bar").animate({
      "width": $(this).attr("data-perc")
    },3000);
    $(this).find(".label").animate({
      "left": $(this).attr("data-perc")
    },3000);
  });

  // Show or hide the sticky footer button
  $(window).on("scroll", function() {
    if ($(this).scrollTop() > 200) {
        $(".scroll-to-top").fadeIn(200);
    } else {
        $(".scroll-to-top").fadeOut(200);
    }
  });

  // Animate the scroll to top
  $(".scroll-to-top").on("click", function(event) {
    event.preventDefault();
    $("html, body").animate({scrollTop: 0}, 300);
  });

  // brand-slider js
  $('.banner-four-slider').slick({
    dots: false,
    infinite: true,
    speed: 300,
    slidesToShow: 1,
    slidesToScroll: 1,
    fade: true,
    arrows: true,
    prevArrow: '<button type="button" class="prev"><i class="fa-solid fa-chevron-left"></i></button>',
    nextArrow: '<button type="button" class="next"><i class="fa-solid fa-chevron-right"></i></button>',
    autoplay: true,
    autoplaySpeed: 5000
  });

  // brand-slider js
  $('.brand-slider').slick({
    dots: false,
    infinite: true,
    speed: 300,
    slidesToShow: 5,
    slidesToScroll: 1,
    arrows: false,
    autoplay: true,
    autoplaySpeed: 5000,
    responsive: [
      {
        breakpoint: 1200,
        settings: {
          slidesToShow: 4
        }
      },
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 3
        }
      },
      {
        breakpoint: 480,
        settings: {
          slidesToShow: 2
        }
      }
    ]
  });

  // brand-slider-four js
  $('.brand-slider-four').slick({
    dots: false,
    infinite: true,
    speed: 300,
    slidesToShow: 6,
    slidesToScroll: 1,
    arrows: false,
    autoplay: true,
    autoplaySpeed: 5000,
    responsive: [
      {
        breakpoint: 1400,
        settings: {
          slidesToShow: 5
        }
      },
      {
        breakpoint: 1200,
        settings: {
          slidesToShow: 4
        }
      },
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 3
        }
      },
      {
        breakpoint: 480,
        settings: {
          slidesToShow: 2
        }
      }
    ]
  });

  // gallery-slider js
  $('.gallery-slider').slick({
    dots: false,
    infinite: true,
    speed: 300,
    slidesToShow: 3,
    slidesToScroll: 1,
    centerMode: true,
    centerPadding: "0px",
    arrows: false,
    autoplay: false,
    autoplaySpeed: 5000,
    responsive: [
      {
        breakpoint: 1200,
        settings: {
          slidesToShow: 3
        }
      },
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 1,
          centerPadding: "100px"
        }
      },
      {
        breakpoint: 575,
        settings: {
          slidesToShow: 1,
          centerPadding: "50px"
        }
      }
    ]
  });

  // testimonial-slider-one js
  $('.testimonial-slider-one').slick({
    dots: false,
    infinite: true,
    speed: 300,
    slidesToShow: 1,
    slidesToScroll: 1,
    autoplay: false,
    autoplaySpeed: 5000,
    arrows: true,
    prevArrow: '<button type="button" class="prev"><i class="fa-solid fa-arrow-left"></i></button>',
    nextArrow: '<button type="button" class="next"><i class="fa-solid fa-arrow-right"></i></button>'
  });

  // testimonial-slider-two js
  $('.testimonial-slider-two').slick({
    dots: false,
    infinite: true,
    speed: 300,
    slidesToShow: 1,
    slidesToScroll: 1,
    autoplay: false,
    autoplaySpeed: 5000,
    arrows: true,
    prevArrow: $(".testimonial-slider-two-prev"),
    nextArrow: $(".testimonial-slider-two-next")
  });


  // team-slider js
  $('.team-slider').slick({
    dots: false,
    infinite: true,
    speed: 300,
    slidesToShow: 4,
    slidesToScroll: 1,
    arrows: false,
    autoplay: false,
    autoplaySpeed: 5000,
    responsive: [
      {
        breakpoint: 1400,
        settings: {
          slidesToShow: 3
        }
      },
      {
        breakpoint: 992,
        settings: {
          slidesToShow: 2,
        }
      },
      {
        breakpoint: 575,
        settings: {
          slidesToShow: 1,
        }
      }
    ]         
  });

  // team-slider-two js
  $('.team-slider-two').slick({
    dots: false,
    infinite: true,
    speed: 300,
    slidesToShow: 3,
    slidesToScroll: 1,
    arrows: false,
    autoplay: false,
    autoplaySpeed: 5000,
    responsive: [
      {
        breakpoint: 1400,
        settings: {
          slidesToShow: 3
        }
      },
      {
        breakpoint: 992,
        settings: {
          slidesToShow: 2,
        }
      },
      {
        breakpoint: 575,
        settings: {
          slidesToShow: 1,
        }
      }
    ]
  });

})(jQuery);