/*============== Main Js Start ========*/

  (function($) {
      "use strict";

      //scroll-blocking 'touchstart' event
      (function() {
          if (typeof EventTarget !== 'undefined') {
              let supportsPassive = false;
              try {
                  // Test via a getter in the options object to see if the passive property is accessed
                  const opts = Object.defineProperty({}, 'passive', {
                      get: () => {
                          supportsPassive = true;
                      },
                  });
                  window.addEventListener('testPassive', null, opts);
                  window.removeEventListener('testPassive', null, opts);
              } catch (e) {}
              const func = EventTarget.prototype.addEventListener;
              EventTarget.prototype.addEventListener = function(type, fn) {
                  this.func = func;
                  this.func(type, fn, supportsPassive ? {
                      passive: false
                  } : false);
              };
          }
      })();



      /*============== Header Hide Click On Body Js ========*/
      $('.navbar-toggler.header-button').on('click', function() {
          if ($('.body-overlay').hasClass('show')) {
              $('.body-overlay').removeClass('show');
          } else {
              $('.body-overlay').addClass('show');
          }
      });
      $('.body-overlay').on('click', function() {
          $('.header-button').trigger('click');
      });


      /*============== Button Effect  Js ========*/
      $('.btn').on('mouseenter', function(e) {
          var parentOffset = $(this).offset(),
              relX = e.pageX - parentOffset.left,
              relY = e.pageY - parentOffset.top;
          $(this).find('span').css({
              top: relY,
              left: relX
          })
      }).on('mouseout', function(e) {
          var parentOffset = $(this).offset(),
              relX = e.pageX - parentOffset.left,
              relY = e.pageY - parentOffset.top;
          $(this).find('span').css({
              top: relY,
              left: relX
          })
      });


      $('.theme-btn').on('mouseenter', function(e) {
          var parentOffset = $(this).offset(),
              relX = e.pageX - parentOffset.left,
              relY = e.pageY - parentOffset.top;
          $(this).find('span').css({
              top: relY,
              left: relX
          })
      }).on('mouseout', function(e) {
          var parentOffset = $(this).offset(),
              relX = e.pageX - parentOffset.left,
              relY = e.pageY - parentOffset.top;
          $(this).find('span').css({
              top: relY,
              left: relX
          })
      });



      /* ==========================================
      *     Start Document Ready function
      ==========================================*/
      $(document).ready(function() {

          if ($(".odometer").length) {
              var odo = $(".odometer");
              odo.each(function() {
                  $(this).appear(function() {
                      var countNumber = $(this).attr("data-count");
                      $(this).html(countNumber);
                  });
              });
          }

          /*================== Password Show Hide Js ==========*/
          $(".toggle-password").on('click', function() {
              $(this).toggleClass(" fa-eye-slash");
              var input = $($(this).attr("id"));
              if (input.attr("type") == "password") {
                  input.attr("type", "text");
              } else {
                  input.attr("type", "password");
              }
          });

          /*================== Show Login Toggle Js ==========*/
          $('#showlogin').on('click', function() {
              $('#checkout-login').slideToggle(700);
          });

          /*================== Show Coupon Toggle Js ==========*/
          $('#showcupon').on('click', function() {
              $('#coupon-checkout').slideToggle(400);
          });

          /*============** Mgnific Popup **============*/
          if ($(".image-popup").length) {
              $(".image-popup").magnificPopup({
                  type: "image",
                  gallery: {
                      enabled: true,
                  },
              });
          }

          if ($(".popup_video").length) {
              $('.popup_video').magnificPopup({
                  type: 'iframe',
              });
          }

          /*========================= Slick Slider Js Start ==============*/
          if ($(".testimonial-slider").length) {
              $('.testimonial-slider').slick({
                  slidesToShow: 2,
                  slidesToScroll: 1,
                  autoplay: true,
                  autoplaySpeed: 2000,
                  speed: 1500,
                  dots: true,
                  pauseOnHover: false,
                  arrows: false,
                  responsive: [{
                          breakpoint: 1199,
                          settings: {
                              arrows: false,
                              slidesToShow: 1,
                          }
                      },
                      {
                          breakpoint: 991,
                          settings: {
                              arrows: false,
                              slidesToShow: 1
                          }
                      },
                      {
                          breakpoint: 767,
                          settings: {
                              arrows: false,
                              slidesToShow: 1
                          }
                      }
                  ]
              });
          }

          /* ========================= Latest Slider Js Start ===============*/
          if ($(".client-slider").length) {
              $('.client-slider').slick({
                  slidesToShow: 5,
                  slidesToScroll: 1,
                  autoplay: true,
                  autoplaySpeed: 1500,
                  pauseOnHover: true,
                  speed: 2000,
                  dots: false,
                  arrows: false,
                  prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-long-arrow-alt-left"></i></button>',
                  nextArrow: '<button type="button" class="slick-next"><i class="fas fa-long-arrow-alt-right"></i></button>',
                  responsive: [{
                          breakpoint: 1199,
                          settings: {
                              slidesToShow: 5,
                          }
                      },
                      {
                          breakpoint: 991,
                          settings: {
                              slidesToShow: 4
                          }
                      },
                      {
                          breakpoint: 767,
                          settings: {
                              slidesToShow: 3
                          }
                      },
                      {
                          breakpoint: 400,
                          settings: {
                              slidesToShow: 2
                          }
                      }
                  ]
              });
          }
          /*======================= Mouse hover Js Start ============*/
          $('.mousehover-item').on('mouseover', function() {
              $('.mousehover-item').removeClass('active')
              $(this).addClass('active')
          });

          /*================== Sidebar Menu Js Start =============== */
          // Sidebar Dropdown Menu Start
          $(".has-dropdown > a").on('click', function() {
              $(".sidebar-submenu").slideUp(200);
              if (
                  $(this)
                  .parent()
                  .hasClass("active")
              ) {
                  $(".has-dropdown").removeClass("active");
                  $(this)
                      .parent()
                      .removeClass("active");
              } else {
                  $(".has-dropdown").removeClass("active");
                  $(this)
                      .next(".sidebar-submenu")
                      .slideDown(200);
                  $(this)
                      .parent()
                      .addClass("active");
              }
          });

          /*==================== Sidebar Icon & Overlay js ===============*/
          $(".dashboard-body__bar-icon").on("click", function() {
              $(".sidebar-menu").addClass('show-sidebar');
              $(".sidebar-overlay").addClass('show');
          });
          $(".sidebar-menu__close, .sidebar-overlay").on("click", function() {
              $(".sidebar-menu").removeClass('show-sidebar');
              $(".sidebar-overlay").removeClass('show');
          });

          /*=================== Nice Select Start Js ==================*/
          // $('select').niceSelect();

          /*================= Increament & Decreament Js Start ======*/
          const productQty = $(".product-qty");
          productQty.each(function() {
              const qtyIncrement = $(this).find(".product-qty__increment");
              const qtyDecrement = $(this).find(".product-qty__decrement");
              let qtyValue = $(this).find(".product-qty__value");
              qtyIncrement.on("click", function() {
                  var oldValue = parseFloat(qtyValue.val());
                  var newVal = oldValue + 1;
                  qtyValue.val(newVal).trigger("change");
              });
              qtyDecrement.on("click", function() {
                  var oldValue = parseFloat(qtyValue.val());
                  if (oldValue <= 0) {
                      var newVal = oldValue;
                  } else {
                      var newVal = oldValue - 1;
                  }
                  qtyValue.val(newVal).trigger("change");
              });
          });

          /*======================= Event Details Like Js Start =======*/
          $('.hit-like').each(function() {
              $(this).on(click(function() {
                  $(this).toggleClass('liked')
              }));
          });
          /*============** Number Increment Decrement **============*/
          $(".add").on("click", function() {
              if ($(this).prev().val() < 999) {
                  $(this)
                      .prev()
                      .val(+$(this).prev().val() + 1);
              }
          });
          $(".sub").on("click", function() {
              if ($(this).next().val() > 1) {
                  if ($(this).next().val() > 1)
                      $(this)
                      .next()
                      .val(+$(this).next().val() - 1);
              }
          });

          /* =================== User Profile Upload Photo Js Start ========== */
          function readURL(input) {
              if (input.files && input.files[0]) {
                  var reader = new FileReader();
                  reader.onload = function(e) {
                      $('#imagePreview').css('background-image', 'url(' + e.target.result + ')');
                      $('#imagePreview').hide();
                      $('#imagePreview').fadeIn(650);
                  }
                  reader.readAsDataURL(input.files[0]);
              }
          }
          $("#imageUpload").change(function() {
              readURL(this);
          });

      });
      /*==========================================
      *      End Document Ready function
      // ==========================================*/

      /*========================= Preloader Js Start =====================*/
      // $(window).on("load", function(){
      //   $('.preloader').fadeOut(); 
      // })
      $(window).on("load", function() {
          $("#loading").fadeOut();
      })

      /*========================= Header Sticky Js Start ==============*/
      $(window).on('scroll', function() {
          if ($(window).scrollTop() >= 300) {
              $('.header').addClass('fixed-header');
          } else {
              $('.header').removeClass('fixed-header');
          }
      });

      /*============================ Scroll To Top Icon Js Start =========*/
      var btn = $('.scroll-top');

      $(window).scroll(function() {
          if ($(window).scrollTop() > 300) {
              btn.addClass('show');
          } else {
              btn.removeClass('show');
          }
      });

      btn.on('click', function(e) {
          e.preventDefault();
          $('html, body').animate({
              scrollTop: 0
          }, '300');

      });

      /*============================ Header Search =========*/

      $('.header-search-icon').on('click', function() {
          $('.header-search-hide-show').addClass('show');
          $('.header-search-icon').hide();
          $('.close-hide-show').addClass('show');
      });

      $('.close-hide-show').on('click', function() {
          $('.close-hide-show').removeClass('show');
          $('.header-search-hide-show').removeClass('show');
          $('.header-search-icon').show();
      });


      /*=========================  Light and dark Start =================*/
      var mode = localStorage.getItem("mode") || "light";
      if (mode === "dark") {
          $("body").addClass("dark");
          $(".cookies-card").addClass("dark");
          $(".normal-logo").addClass("hidden");
          $(".dark-logo").removeClass("hidden");
          $("#footer-logo-normal").addClass("hidden");
          $("#footer-logo-dark").removeClass("hidden");
      }
      $("#light-dark-checkbox").on('click', function() {
          if (mode === "light") {
              mode = "dark";
              $("body").addClass("dark");
              $(".cookies-card").addClass("dark");
              $(".normal-logo").addClass("hidden");
              $(".dark-logo").removeClass("hidden");
              $("#footer-logo-normal").addClass("hidden");
              $("#footer-logo-dark").removeClass("hidden");
          } else {
              mode = "light";
              $("body").removeClass("dark");
              $(".cookies-card").removeClass("dark");
              $(".dark-logo").addClass("hidden");
              $(".normal-logo").removeClass("hidden");
              $("#footer-logo-dark").addClass("hidden");
              $("#footer-logo-normal").removeClass("hidden");
          }
          localStorage.setItem("mode", mode);
      });

      /* === dark and light icon handle with local storage ===*/
      $('.mon-icon').on('click', function() {
          $(this).addClass('show');
          $('.sun-icon').addClass('show');
          localStorage.setItem('mode', 'dark');
      });

      $('.sun-icon').on('click', function() {
          $(this).removeClass('show');
          $('.mon-icon').removeClass('show');
          localStorage.setItem('mode', 'light');
      });

      /*=== On page load, check the stored mode and apply it ===*/
      $(document).ready(function() {
          var mode = localStorage.getItem('mode');
          if (mode === 'dark') {
              $('.mon-icon').addClass('show');
              $('.sun-icon').addClass('show');
          } else {
              $('.mon-icon').removeClass('show');
              $('.sun-icon').removeClass('show');
          }
      });

      /*============================ header menu show hide =========*/
      $('.sidebar-menu-show-hide').on('click', function() {
          $('.sidebar-menu-wrapper').addClass('show');
          $(".sidebar-overlay").addClass('show');
      });

      $('.sidebar-overlay, .close-hide-show').on('click', function() {
          $('.sidebar-menu-wrapper').removeClass('show');
          $(".sidebar-overlay").removeClass('show');
      });


      /*==================== Sidebar Icon & Overlay js ===============*/
      // $(".dashboard-body__bar-icon").on("click", function() {
      //   $(".sidebar-menu").addClass('show-sidebar'); 
      //   $(".sidebar-overlay").addClass('show'); 
      // });
      // $(".sidebar-menu__close, .sidebar-overlay").on("click", function() {
      //   $(".sidebar-menu").removeClass('show-sidebar'); 
      //   $(".sidebar-overlay").removeClass('show'); 
      // });

      //hide p with only dot(.)
      $(document).ready(function() {
          $("p,span,h2,h3").each(function() {
              if ($(this).text().trim() === '.') {
                  $(this).hide();
              }
          });
      });



  })(jQuery);