anwisystems/dist/js/main.js

(function ($) {
  "use strict";

  /*--
    Menu Stick
    -----------------------------------*/

  let width = $(window).width();

  const ADD_SUB_NAV_CONTAINER = "ADD_SUB_NAV_CONTAINER";
  const REMOVE_SUB_NAV_CONTAINER = "REMOVE_SUB_NAV_CONTAINER";

  var header = $(".sticky-bar");
  var win = $(window);
  let ele_page = $("body").hasClass("product_pg");
  let win_wid = win.width();

  let ram_page = window.location.pathname;
  let loc = ram_page.includes("ramproducts.html");
  let loc_2 = ram_page.includes("allinones.html");
  let loc_3 = ram_page.includes("laptops.html");
  function naChanges() {
    if (loc === true) {
      $("svg").find("path").attr("fill", "#000");
    } else if (loc_2 === true || loc_3 === true) {
      if (
        window.location.href.includes("?Zeno") ||
        window.location.href.includes("?AIO%20Fyro") ||
        window.location.href.includes("?FYRO") ||
        window.location.href.includes("?AIO%20Zeno")
      ) {
        if (win_wid <= 1199) {
          $(".user-icon").find("path").attr("fill", "#000");
          $(".cart_icon").find("path").attr("fill", "#000");
        } else {
          $("svg").find("path").attr("fill", "#fff");
        }
      } else {
        $("svg").find("path").attr("fill", "#000");
      }
    } else {
      $("body.product_pg")
        .find(".header-large-device")
        .find(".header-action-wrap")
        .find(".same-style")
        .find("svg")
        .find("path")
        .attr("fill", "#fff");
    }
  }
  setTimeout(naChanges, 1000);
  let $body_pg = $("body").hasClass("services_page");
  if ($body_pg == true) {
    $(".main-menu").find("nav ul li a").addClass("text-dark");
    let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
    $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
    $(".header-bottom").addClass("sticky-bar stick");
    $("body.services_page")
      .find(".header-large-device")
      .find(".header-action-wrap")
      .find(".same-style")
      .find("svg")
      .find("path")
      .attr("fill", "#000");
  }

  function subNavContainer(option) {
    let urlName = window.location.href;

    if (
      !urlName.toLowerCase().includes("zeno") &&
      !urlName.toLowerCase().includes("fyro")
    ) {
      return;
    }

    if (option === ADD_SUB_NAV_CONTAINER) {
      $(".sub_nav_container").removeClass("d-none");
    } else if (option === REMOVE_SUB_NAV_CONTAINER) {
      $(".sub_nav_container").addClass("d-none");
    }
  }

  win.on("scroll", function () {
    var scroll = win.scrollTop();
    // const mainContainerIsThere = document.querySelector('.mainContanierProduct').getBoundingClientRect();

    // if(mainContainerIsThere.top <200){
    //     $('.sub_nav_container').removeClass('d-none');
    // }else{
    //     $('.sub_nav_container').addClass('d-none');
    // }

    if (scroll < 100) {
      $(".sub_nav_container").addClass("d-none");
      if (
        window.location.href.includes("?Zeno") ||
        window.location.href.includes("?FYRO") ||
        window.location.href.includes("?AIO%20Fyro") ||
        window.location.href.includes("?AIO%20Zeno")
      ) {
        header.addClass("stick");
      } else {
        header.removeClass("stick");
      }

      $("body.about_page")
        .find(".header-large-device")
        .find(".header-action-wrap")
        .find(".same-style")
        .find("svg")
        .find("path")
        .attr("fill", "#fff");
      $("body.product_pg")
        .find(".header-large-device")
        .find(".header-action-wrap")
        .find(".same-style")
        .find("svg")
        .find("path")
        .attr("fill", "#fff");
      $("body.services_page")
        .find(".header-large-device")
        .find(".header-action-wrap")
        .find(".same-style")
        .find("svg")
        .find("path")
        .attr("fill", "#fff");
      header.removeClass("bg-white");
      $(".hover_tab_1").find("svg").find("path").attr("fill", "#fff");
      $(".hover_tab_2").find("svg").find("path").attr("fill", "#fff");
      $(".header-bottom-flex").find("svg path").attr("fill", "#fff");
      $(".main-menu").find("nav ul li a").addClass("text-dark");
      $("svg").find("path").attr("fill", "#000");
      // $("body").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
      $("body.services_page")
        .find(".header-large-device")
        .find(".header-action-wrap")
        .find(".same-style")
        .find("svg")
        .find("path")
        .attr("fill", "#fff");

      if (!$(".iframcontainer").hasClass("d-none")) {
        subNavContainer(REMOVE_SUB_NAV_CONTAINER);
      }

      if ($body_pg == true) {
        $(".main-menu").find("nav ul li a").addClass("text-dark");
        let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
        $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
        $(".header-bottom").addClass("sticky-bar stick");
      } else {
        let $about_pg = $("body").hasClass("about_page");
        if ($about_pg == true) {
          $(".main-menu").find("nav ul li a").addClass("text-dark");
          let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
          $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
          $(".header-bottom").addClass("sticky-bar stick");
          $("body.about_page")
            .find(".header-large-device")
            .find(".header-action-wrap")
            .find(".same-style")
            .find("svg")
            .find("path")
            .attr("fill", "#000");
        } else {
          if (loc === true || loc_2 === true || loc_3 === true) {
            if (
              window.location.href.includes("?Zeno") ||
              window.location.href.includes("?FYRO") ||
              window.location.href.includes("?AIO%20Fyro") ||
              window.location.href.includes("?AIO%20Zeno")
            ) {
              if (win_wid <= 1199) {
                $(".user-icon").find("path").attr("fill", "#000");
                $(".cart_icon").find("path").attr("fill", "#000");
              } else {
                let imgs = `/dist/assets/imgs/anwi-logo-2.png`;
                $(".logo-menu-wrap").find(".logo img").attr("src", imgs);
                // $(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
                //$('.same-style').find('svg path').attr('fill','#fff');
                //$('.header-bottom-flex').find('svg path').attr('fill','#fff');
                $(".header-bottom.sticky-bar.stick").removeClass(
                  "sticky-bar stick"
                );
              }
            } else {
              let imgs = `/dist/assets/imgs/anwi-logo-1.png`;
              $(".main-menu")
                .find("nav ul li a")
                .addClass("text-dark")
                .removeClass("text-white");
              $(".logo-menu-wrap").find(".logo img").attr("src", imgs);
              $(".same-style").find("svg path").attr("fill", "#000");
              $(".header-bottom-flex").find("svg path").attr("fill", "#000");
              $(".header-bottom.sticky-bar.stick").removeClass(
                "sticky-bar stick"
              );
            }
          } else {
            let contact_pg = $("body").hasClass("contact_page");
            if (contact_pg === true) {
              $(".main-menu").find("nav ul li a").addClass("text-dark");
              let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
              $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
              $(".header-bottom-flex").find("svg path").attr("fill", "#000");
            } else {
              let $body_pg = $("body").hasClass("main_pg");
              if ($body_pg === true) {
                let img_src = `/dist/assets/imgs/anwi-logo-2.png`;
                $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
                $(".main-menu").find("nav ul li a").removeClass("text-dark");
                $(".header-bottom-flex").find("svg path").attr("fill", "#fff");
                $(".header-bottom.sticky-bar.stick").removeClass(
                  "sticky-bar stick"
                );
              } else {
                let $suport = $("body").hasClass("support_pg");
                if ($suport === true) {
                  // let img_src = `/dist/assets/imgs/anwi-logo-2.png`;
                  // $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
                  // $(".main-menu").find("nav ul li a").removeClass("text-dark");
                  // $('.header-bottom-flex').find('svg path').attr('fill','#fff');
                  $(".main-menu").find("nav ul li a").addClass("text-dark");
                  let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
                  $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
                  $(".same-style").find("svg path").attr("fill", "#000");
                }
                $(".main-menu").find("nav ul li a").removeClass("text-white");
              }
            }
          }
        }
      }
    } else {
      header.addClass("stick");
      subNavContainer(ADD_SUB_NAV_CONTAINER);
      $(".header-bottom").addClass("sticky-bar stick");
      let src = `/dist/assets/imgs/anwi-logo-1.png`;
      $(".logo-menu-wrap").find(".logo a img").attr("src", src);
      $(".main-menu").find("nav ul li a").removeClass("text-white");
      $("body.product_pg")
        .find(".header-large-device")
        .find(".header-action-wrap")
        .find(".same-style")
        .find("svg")
        .find("path")
        .attr("fill", "#000");
      $(".header-bottom-flex").find("svg path").attr("fill", "#000");
      let $body_pg = $("body").hasClass("services_page");
      if ($body_pg == true) {
        let src = `/dist/assets/imgs/anwi-logo-1.png`;
        $(".logo-menu-wrap").find(".logo a img").attr("src", src);
        $(".main-menu").find("nav ul li a").removeClass("text-white");
      }
      let $about_pg = $("body").hasClass("about_page");
      if ($about_pg == true) {
        $(".main-menu").find("nav ul li a").addClass("text-dark");
        let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
        $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
        $(".header-bottom").addClass("sticky-bar stick");
      }
    }
  });
  $("nav ul li").each(function () {
    let nav_item = $(this).find("ul").hasClass("pb-3");
    if (
      window.location.href.includes("?Zeno") ||
      window.location.href.includes("?FYRO") ||
      window.location.href.includes("?AIO%20Fyro") ||
      window.location.href.includes("?AIO%20Zeno")
    ) {
      $(".header-bottom").addClass("bg-white");
      $(".header-bottom").addClass("stick");
    } else {
      $(".header-bottom").removeClass("bg-white");
    }
    if (nav_item === true) {
      $(this).on("mouseenter", function () {
        $(".sub_nav_container").addClass("d-none");
        let nav_cls = $(".header-bottom").hasClass("stick");
        if (nav_cls === false) {
          $(".header-bottom").addClass("bg-white");
          let src = `/dist/assets/imgs/anwi-logo-1.png`;
          $(".logo-menu-wrap").find(".logo a img").attr("src", src);
          $(".main-menu")
            .find("nav ul li a")
            .addClass("text-dark")
            .removeClass("text-white");
          $(".header-bottom-flex").find("svg path").attr("fill", "#000");
        }
      });
      $(this).on("mouseleave", function () {
        let nav_cls = $(".header-bottom").hasClass("stick");
        let product_detail = window.location.pathname;
        let detail = product_detail.includes("productdetails.html");
        if (detail === true) {
          $(".sub_nav_container").removeClass("d-none");
        }

        if (nav_cls === false) {
          let ram_page = window.location.pathname;
          let loc = ram_page.includes("ramproducts.html");
          if (loc === false) {
            let contact_pg = $("body").hasClass("contact_page");
            let product_pg = $("body").hasClass("product_pg");
            if (contact_pg === true) {
              $(".header-bottom").removeClass("bg-white");
              $(".main-menu")
                .find("nav ul li a")
                .addClass("text-dark")
                .removeClass("text-white");
              let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
              $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
            } else if (product_pg === true) {
              $(".header-bottom").removeClass("bg-white");
              $(".main-menu")
                .find("nav ul li a")
                .addClass("text-dark")
                .removeClass("text-white");
              let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
              $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
              $(".header-bottom-flex").find("svg path").attr("fill", "#000");
            } else {
              let $body_pg = $("body").hasClass("main_pg");
              if ($body_pg === true) {
                let src = `/dist/assets/imgs/anwi-logo-2.png`;
                $(".logo-menu-wrap").find(".logo a img").attr("src", src);
                header.removeClass("bg-white");
                $(".header-bottom-flex").find("svg path").attr("fill", "#fff");
                $(".main-menu")
                  .find("nav ul li a")
                  .addClass("text-white")
                  .removeClass("text-dark");
              } else {
                let $body_nav = $("body").attr("class");
                if (
                  $body_nav === "support_pg" ||
                  $body_nav === "media_page" ||
                  $body_nav === "meter_pg"
                ) {
                  $(".header-bottom").removeClass("bg-white");
                  $(".main-menu").find("nav ul li a").addClass("text-dark");
                  let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
                  $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
                  $(".header-bottom-flex nav")
                    .find("path")
                    .attr("fill", "#000");
                } else {
                  $(".header-bottom").addClass("bg-white");
                }
              }

              // let src = `/dist/assets/imgs/anwi-logo-2.png`;
              // $(".logo-menu-wrap").find(".logo a img").attr("src",src);
              // $(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
              // $('.header-bottom-flex').find('svg path').attr('fill','#fff');
            }
          } else {
            if (scroll < 100) {
              header.removeClass("bg-white");
            } else {
              $(".header-bottom").addClass("bg-white");
            }

            $(".sticky-bar").addClass("stick");
            $(".satoshi_font").removeClass("text-white");
          }
        }
        $(".header-bottom").removeClass("bg-white");
      });
    }
  });

  /*--------------------------------
        Slider active 1
    -----------------------------------*/
  sliders();
  function sliders() {
    if (window.location.href.includes("login")) return;
    $(".slider-active-1").slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      fade: true,
      loop: true,
      dots: false,
      arrows: true,
      prevArrow:
        '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
      nextArrow:
        '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
      responsive: [
        {
          breakpoint: 1500,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 1199,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 767,
          settings: {
            autoplay: false,
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
      ],
    });

    /*--------------------------------
            Slider active 2
        -----------------------------------*/
    $(".slider-active-2").slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      fade: true,
      loop: true,
      dots: true,
      arrows: false,
      prevArrow:
        '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
      nextArrow:
        '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
      responsive: [
        {
          breakpoint: 1500,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 1199,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 767,
          settings: {
            autoplay: false,
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
      ],
    });

    /*--
            Slider active 3
        -----------------------------------*/
    $(".slider-active-3").slick({
      arrows: false,
      infinite: true,
      slidesToShow: 1,
      dots: true,
      fade: true,
      autoplay: false,
      autoplaySpeed: 5000,
      customPaging: function (slider, i) {
        var thumb = $(slider.$slides[i]).data("thumb");
        return '<button class="overlay"><img src="' + thumb + '"></button>';
      },
      responsive: [
        {
          breakpoint: 767,
          settings: {
            dots: true,
            autoplay: false,
            autoplaySpeed: 5000,
          },
        },
      ],
    });

    /*--------------------------------
            slider active 4
        -----------------------------------*/
    $(".slider-active-4").slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      fade: true,
      loop: true,
      dots: true,
      arrows: false,
      prevArrow:
        '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
      nextArrow:
        '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
      responsive: [
        {
          breakpoint: 1500,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 1199,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 767,
          settings: {
            autoplay: false,
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
      ],
    });

    /*--------------------------------
            Slider active 5
        -----------------------------------*/
    $(".slider-active-5").slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      fade: true,
      loop: true,
      dots: true,
      arrows: false,
      prevArrow:
        '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
      nextArrow:
        '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
    });

    /*--------------------------------
            Product slider active 1
        -----------------------------------*/
    $(".product-slider-active-1").slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      loop: true,
      dots: false,
      arrows: false,
      responsive: [
        {
          breakpoint: 1500,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 1199,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 767,
          settings: {
            autoplay: false,
            slidesToShow: 2,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 575,
          settings: {
            autoplay: false,
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
      ],
    });

    /*--------------------------------
            Product slider active 2
        -----------------------------------*/
    $(".product-slider-active-2").slick({
      slidesToShow: 6,
      slidesToScroll: 1,
      loop: true,
      dots: false,
      arrows: false,
      responsive: [
        {
          breakpoint: 1500,
          settings: {
            slidesToShow: 6,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 1199,
          settings: {
            slidesToShow: 4,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 767,
          settings: {
            autoplay: false,
            slidesToShow: 2,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 575,
          settings: {
            autoplay: false,
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
      ],
    });

    /*--------------------------------
            Product slider active 3
        -----------------------------------*/
    $(".product-slider-active-3").slick({
      slidesToShow: 2,
      slidesToScroll: 1,
      loop: true,
      dots: false,
      arrows: false,
      responsive: [
        {
          breakpoint: 1500,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 1199,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 767,
          settings: {
            autoplay: false,
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 575,
          settings: {
            autoplay: false,
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
      ],
    });

    /*--------------------------------
            Product slider active 4
        -----------------------------------*/
    $(".product-slider-active-4").slick({
      slidesToShow: 4,
      slidesToScroll: 1,
      loop: true,
      dots: false,
      arrows: false,
      responsive: [
        {
          breakpoint: 1500,
          settings: {
            slidesToShow: 4,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 1199,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 767,
          settings: {
            autoplay: false,
            slidesToShow: 2,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 575,
          settings: {
            autoplay: false,
            slidesToShow: 1,
            slidesToScroll: 1,
          },
        },
      ],
    });

    /*--------------------------------
            Brand logo active
        -----------------------------------*/
    $(".brand-logo-active , .brand-logo-active-2").slick({
      slidesToShow: 6,
      slidesToScroll: 1,
      loop: true,
      dots: false,
      arrows: false,
      responsive: [
        {
          breakpoint: 1500,
          settings: {
            slidesToShow: 6,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 1199,
          settings: {
            slidesToShow: 5,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 4,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 767,
          settings: {
            autoplay: false,
            slidesToShow: 3,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 575,
          settings: {
            autoplay: false,
            slidesToShow: 2,
            slidesToScroll: 1,
          },
        },
      ],
    });

    /*--------------------------------
            Brand logo active 3
        -----------------------------------*/
    $(".brand-logo-active-3").slick({
      slidesToShow: 6,
      slidesToScroll: 1,
      loop: true,
      dots: true,
      arrows: false,
      responsive: [
        {
          breakpoint: 1500,
          settings: {
            slidesToShow: 6,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 1199,
          settings: {
            slidesToShow: 5,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 4,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 767,
          settings: {
            autoplay: false,
            slidesToShow: 3,
            slidesToScroll: 1,
          },
        },
        {
          breakpoint: 575,
          settings: {
            autoplay: false,
            slidesToShow: 2,
            slidesToScroll: 1,
          },
        },
      ],
    });
  }

  /*---------------------
        Countdown 1
      --------------------- */
  $(".timer-1 [data-countdown]").each(function () {
    var $this = $(this),
      finalDate = $(this).data("countdown");
    $this.countdown(finalDate, function (event) {
      $this.html(
        event.strftime(
          '<span class="cdown day"> <span>%-D </span><p>Days</p></span> <span class="cdown hour"> <span> %-H</span> <p>Hours</p></span> <span class="cdown minutes"><span>%M</span> <p>Minutes</p> </span>'
        )
      );
    });
  });

  $(".timer-2 [data-countdown]").each(function () {
    var $this = $(this),
      finalDate = $(this).data("countdown");
    $this.countdown(finalDate, function (event) {
      $this.html(
        event.strftime(
          '<span class="cdown day"> <span>%-D </span><p>Day</p></span> <span class="cdown hour"> <span> %-H</span> <p>Hour</p></span> <span class="cdown minutes"><span>%M</span> <p>Minute</p> </span> <span class="cdown second"><span>%S</span> <p>Second</p> </span>'
        )
      );
    });
  });

  $(".timer-3 [data-countdown]").each(function () {
    var $this = $(this),
      finalDate = $(this).data("countdown");
    $this.countdown(finalDate, function (event) {
      $this.html(
        event.strftime(
          '<span class="cdown hour"> <span> %-H</span> <p>Hour</p></span> <span class="cdown minutes"><span>%M</span> <p>Minute</p> </span> <span class="cdown second"><span>%S</span> <p>Second</p> </span>'
        )
      );
    });
  });

  /*---------------------
        svg img color
    --------------------- */
  // Elements to inject
  var mySVGsToInject = document.querySelectorAll("img.inject-me");
  // Do the injection
  SVGInjector(mySVGsToInject);

  /*------ Wow Active ----*/
  new WOW().init();

  /*------------
        ScrollUp
    ------------------ */
  // $.scrollUp({
  //     scrollText: '<i class="icofont-arrow-up"></i>',
  //     easingType: 'linear',
  //     scrollSpeed: 900,
  //     animation: 'fade'
  // });

  /*----------------------------
    	Cart Plus Minus Button
    ------------------------------ */
  var CartPlusMinus = $(".cart-plus-minus");
  CartPlusMinus.prepend('<div class="dec qtybutton">-</div>');
  CartPlusMinus.append('<div class="inc qtybutton">+</div>');
  $(".qtybutton").on("click", function () {
    var $button = $(this);
    var oldValue = $button.parent().find("input").val();
    if ($button.text() === "+") {
      var newVal = parseFloat(oldValue) + 1;
    } else {
      // Don't allow decrementing below zero
      if (oldValue > 0) {
        var newVal = parseFloat(oldValue) - 1;
      } else {
        newVal = 1;
      }
    }
    $button.parent().find("input").val(newVal);
  });

  /*------- Color active -----*/
  $(".pro-details-color-content").on("click", "a", function (e) {
    e.preventDefault();
    $(this)
      .addClass("active")
      .parent()
      .siblings()
      .children("a")
      .removeClass("active");
  });

  /*--------------------------------
        Cart active
    -----------------------------------*/
  if ($(".pro-details-action").length) {
    var $body = $("body"),
      $cartWrap = $(".pro-details-action"),
      $cartContent = $cartWrap.find(".product-dec-social");
    $cartWrap.on("click", ".social", function (e) {
      e.preventDefault();
      var $this = $(this);
      if (!$this.parent().hasClass("show")) {
        $this
          .siblings(".product-dec-social")
          .addClass("show")
          .parent()
          .addClass("show");
      } else {
        $this
          .siblings(".product-dec-social")
          .removeClass("show")
          .parent()
          .removeClass("show");
      }
    });
    /*Close When Click Outside*/
    $body.on("click", function (e) {
      var $target = e.target;
      if (
        !$($target).is(".pro-details-action") &&
        !$($target).parents().is(".pro-details-action") &&
        $cartWrap.hasClass("show")
      ) {
        $cartWrap.removeClass("show");
        $cartContent.removeClass("show");
      }
    });
  }

  /* Language-dropdown */
  $(".language-dropdown-active").on("click", function (e) {
    e.preventDefault();
    $(this).parent().find(".language-dropdown").slideToggle("medium");
  });

  /* NiceSelect */
  $(".nice-select").niceSelect();

  /*--------------------------------
        Testimonial active
    -----------------------------------*/
  $(".testimonial-active , .testimonial-active-2").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    loop: true,
    dots: false,
    arrows: false,
    responsive: [
      {
        breakpoint: 1500,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 1199,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 991,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 767,
        settings: {
          autoplay: false,
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 575,
        settings: {
          autoplay: false,
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
    ],
  });

  /*====== SidebarCart ======*/
  function miniCart() {
    var navbarTrigger = $(".cart-active"),
      endTrigger = $(".cart-close"),
      container = $(".sidebar-cart-active"),
      wrapper2 = $(".main-wrapper");

    wrapper2.prepend('<div class="body-overlay"></div>');

    navbarTrigger.on("click", function (e) {
      e.preventDefault();
      container.addClass("inside");
      wrapper2.addClass("overlay-active");
    });

    endTrigger.on("click", function () {
      container.removeClass("inside");
      wrapper2.removeClass("overlay-active");
    });

    $(".body-overlay").on("click", function () {
      container.removeClass("inside");
      wrapper2.removeClass("overlay-active");
    });
  }
  miniCart();

  /*-------------------------------
	   Header Search Toggle
    -----------------------------------*/
  var searchToggle = $(".search-toggle");
  searchToggle.on("click", function (e) {
    e.preventDefault();
    if ($(this).hasClass("open")) {
      $(this).removeClass("open");
      $(this).siblings(".search-wrap-3").removeClass("open");
    } else {
      $(this).addClass("open");
      $(this).siblings(".search-wrap-3").addClass("open");
    }
  });

  /*====== Sidebar Active ======*/
  function sidebarActive() {
    var navbarTrigger = $(".sidebar-active"),
      endTrigger = $(".sidebar-close"),
      container = $(".clickalbe-sidebar-wrapper-active"),
      wrapper3 = $(".main-wrapper-2");

    wrapper3.prepend('<div class="body-overlay-2"></div>');

    navbarTrigger.on("click", function (e) {
      e.preventDefault();
      container.addClass("sidebar-visible");
      wrapper3.addClass("overlay-active-2");
    });

    endTrigger.on("click", function () {
      container.removeClass("sidebar-visible");
      wrapper3.removeClass("overlay-active-2");
    });

    $(".body-overlay-2").on("click", function () {
      container.removeClass("sidebar-visible");
      wrapper3.removeClass("overlay-active-2");
    });
  }
  sidebarActive();

  /*====== clickable Main Menu active ======*/
  var $clickableMainMenu = $(".clickable-mainmenu-wrap"),
    $clickableSubMenu = $clickableMainMenu.find(".sub-menu-2");
  /*Add Toggle Button in Off Canvas Sub Menu*/
  $clickableSubMenu
    .siblings("a")
    .append(
      '<span class="menu-expand"><i class="fa-solid fa-plus"></i></span>'
    );
  /*Close Off Canvas Sub Menu*/
  $clickableSubMenu.slideUp();
  /*Category Sub Menu Toggle*/
  $clickableMainMenu.on("click", "li a, li .menu-expand", function (e) {
    var $this = $(this);
    if (
      $this.parent("li").hasClass("has-sub-menu") ||
      $this.attr("href") === "#" ||
      $this.hasClass("menu-expand")
    ) {
      e.preventDefault();
      if ($this.siblings("ul:visible").length) {
        $this
          .parent("li")
          .removeClass("active")
          .children("ul")
          .slideUp()
          .siblings("a")
          .find(".menu-expand svg")
          .removeClass("fa-minus")
          .addClass("fa-plus");
        $this
          .parent("li")
          .siblings("li")
          .removeClass("active")
          .find("ul:visible")
          .slideUp()
          .siblings("a")
          .find(".menu-expand isvg")
          .removeClass("fa-minus")
          .addClass(" fa-plus ");
      } else {
        $this
          .parent("li")
          .addClass("active")
          .children("ul")
          .slideDown()
          .siblings("a")
          .find(".menu-expand svg")
          .removeClass(" fa-plus ")
          .addClass("fa-minus");
        $this
          .parent("li")
          .siblings("li")
          .removeClass("active")
          .find("ul:visible")
          .slideUp()
          .siblings("a")
          .find(".menu-expand svg")
          .removeClass("fa-minus")
          .addClass(" fa-plus ");
      }
    }
  });

  /*====== Sidebar menu Active ======*/
  function mobileMenuActive() {
    var navbarTrigger = $(".mobile-menu-button-active"),
      endTrigger = $(".sidebar-close"),
      container = $(".mobile-menu-active"),
      wrapper4 = $(".main-wrapper-3");

    wrapper4.prepend('<div class="body-overlay-3"></div>');

    navbarTrigger.on("click", function (e) {
      e.preventDefault();
      container.addClass("sidebar-visible");
      wrapper4.addClass("overlay-active-3");
    });

    endTrigger.on("click", function () {
      container.removeClass("sidebar-visible");
      wrapper4.removeClass("overlay-active-3");
    });

    $(".body-overlay-3").on("click", function () {
      container.removeClass("sidebar-visible");
      wrapper4.removeClass("overlay-active-3");
    });
  }
  mobileMenuActive();

  /*--- Language currency active ----*/
  $(".mobile-language-active").on("click", function (e) {
    e.preventDefault();
    $(".lang-dropdown-active").slideToggle(900);
  });

  /*------------------------------------
        Testimonial img slider active
    -----------------------------------*/
  $(".testimonial-img-slider-active").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    draggable: false,
    fade: false,
    asNavFor: ".testimonial-active-3",
  });

  /*--------------------------------
       Testimonial active 3
    -----------------------------------*/
  $(".testimonial-active-3").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    asNavFor:
      ".testimonial-img-slider-active , .testimonial-img-slider-active-3",
    dots: true,
    focusOnSelect: true,
    fade: true,
    arrows: false,
  });

  /*----------------------------------------------------------
        Testimonial img slider active 3 ( home mega fashion )
    --------------------------------------------------------------*/
  $(".testimonial-img-slider-active-3").on("init afterChange", function () {
    const titleImg = document.querySelector(".testimonial-next-img img");
    const activeSlide = document.querySelector(
      ".testimonial-img-slider.slick-current"
    );
    titleImg.src = activeSlide.nextSibling.querySelector("img").src;
  });
  $(".testimonial-img-slider-active-3").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    draggable: false,
    fade: false,
    asNavFor: ".testimonial-active-3",
  });

  // Isotope active
  // $('.grid').imagesLoaded(function() {
  //     // init Isotope
  //     var $grid = $('.grid').isotope({
  //         itemSelector: '.grid-item',
  //         percentPosition: true,
  //         layoutMode: 'masonry',
  //         masonry: {
  //             // use outer width of grid-sizer for columnWidth
  //             columnWidth: '.grid-item',
  //         }
  //     });
  // });

  /*--------------------------
        Isotope active
    ---------------------------- */

  // $('.grid-2').imagesLoaded(function() {
  //     // init Isotope
  //     $('.grid-2').isotope({
  //         itemSelector: '.grid-item-2',
  //         percentPosition: true,
  //         layoutMode: 'masonry',
  //         masonry: {
  //             // use outer width of grid-sizer for columnWidth
  //             columnWidth: '.grid-sizer',
  //         }
  //     });
  // });
  /*--------------------------
        Isotope active
    ---------------------------- */

  // $('.grid-3').imagesLoaded(function() {
  //     // init Isotope
  //     $('.grid-3').isotope({
  //         itemSelector: '.grid-item-3',
  //         percentPosition: true,
  //         layoutMode: 'masonry',
  //         masonry: {
  //             // use outer width of grid-sizer for columnWidth
  //             columnWidth: 1,
  //         }
  //     });
  // });

  /*------------------------------------
        testimonial img slider active 2
    --------------------------------------*/
  $(".testimonial-img-slider-active-2").slick({
    slidesToShow: 5,
    slidesToScroll: 1,
    arrows: false,
    dots: false,
    focusOnSelect: true,
    draggable: false,
    fade: false,
    asNavFor: ".testimonial-active-4",
    responsive: [
      {
        breakpoint: 1199,
        settings: {
          slidesToShow: 4,
        },
      },
      {
        breakpoint: 991,
        settings: {
          slidesToShow: 5,
        },
      },
      {
        breakpoint: 767,
        settings: {
          slidesToShow: 3,
        },
      },
      {
        breakpoint: 575,
        settings: {
          slidesToShow: 2,
        },
      },
    ],
  });

  /*--------------------------------
        Testimonial active 4
    -----------------------------------*/
  $(".testimonial-active-4").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    asNavFor: ".testimonial-img-slider-active-2",
    dots: false,
    focusOnSelect: true,
    fade: true,
    arrows: false,
  });

  /*--------------------------------
        Testimonial active 5
    -----------------------------------*/
  $(".testimonial-active-5").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    dots: false,
    fade: false,
    arrows: false,
    responsive: [
      {
        breakpoint: 1500,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 1199,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 991,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 767,
        settings: {
          autoplay: true,
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
    ],
  });

  /*--------------------------------
        Categori slider active
    -----------------------------------*/
  $(".categori-slider-active").slick({
    slidesToShow: 6,
    slidesToScroll: 1,
    dots: false,
    fade: false,
    arrows: false,
    responsive: [
      {
        breakpoint: 1500,
        settings: {
          slidesToShow: 6,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 1199,
        settings: {
          slidesToShow: 6,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 991,
        settings: {
          slidesToShow: 4,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 767,
        settings: {
          autoplay: true,
          slidesToShow: 3,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 575,
        settings: {
          autoplay: true,
          slidesToShow: 2,
          slidesToScroll: 1,
        },
      },
    ],
  });

  /*--------------------------------
        Testimonial active 6
    -----------------------------------*/
  $(".testimonial-active-6").slick({
    slidesToShow: 2,
    slidesToScroll: 1,
    dots: true,
    fade: false,
    arrows: false,
    responsive: [
      {
        breakpoint: 1500,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 1199,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 991,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 767,
        settings: {
          autoplay: true,
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
    ],
  });

  /*--------------------------------
        Product img slider active
    -----------------------------------*/
  $(".product-img-slider-active").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    dots: true,
    fade: false,
    arrows: false,
  });

  /*--------------------------------
        Testimonial active 7
    -----------------------------------*/
  $(".testimonial-active-7").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    dots: false,
    fade: false,
    arrows: false,
  });

  /*--------------------------------
        Product details 3 img slider
    -----------------------------------*/
  $(".product-details-3-img-slider").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    dots: true,
    loop: true,
    fade: false,
    arrows: false,
  });
  /*--------------------------------
        Product details 3 img slider 2
    -----------------------------------*/
  $(".product-details-3-img-slider-2").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    dots: true,
    loop: true,
    fade: false,
    arrows: false,
  });

  /*====== SidebarSearch ======*/
  function sidebarSearch() {
    var searchTrigger = $(".search-active"),
      endTriggersearch = $(".megashop-search-close"),
      container = $(".main-search-active");

    searchTrigger.on("click", function (e) {
      e.preventDefault();
      container.addClass("search-visible");
    });

    endTriggersearch.on("click", function () {
      container.removeClass("search-visible");
    });
  }
  sidebarSearch();

  /*---------------------
        Price range
    --------------------- */
  // var sliderrange = $('#slider-range');
  // var amountprice = $('#amount');
  // $(function() {
  //     sliderrange.slider({
  //         range: true,
  //         min: 16,
  //         max: 400,
  //         values: [0, 300],
  //         slide: function(event, ui) {
  //             amountprice.val("$" + ui.values[0] + " - $" + ui.values[1]);
  //         }
  //     });
  //     amountprice.val("$" + sliderrange.slider("values", 0) +
  //         " - $" + sliderrange.slider("values", 1));
  // });

  /*---------------------
        Video popup
    --------------------- */
  // $('.video-popup').magnificPopup({
  //     type: 'iframe',
  //     mainClass: 'mfp-fade',
  //     removalDelay: 160,
  //     preloader: false,
  //     zoom: {
  //         enabled: true,
  //     }
  // });

  /*-------------------------------------
        checkout one click toggle function
    ---------------------------------------*/
  var checked = $(".sin-payment input:checked");
  if (checked) {
    $(checked).siblings(".payment-box").slideDown(900);
  }
  $(".sin-payment input").on("change", function () {
    $(".payment-box").slideUp(900);
    $(this).siblings(".payment-box").slideToggle(900);
  });

  /*-----------------------
        Shop filter active 
    ------------------------- */
  $(".shop-filter-active").on("click", function (e) {
    e.preventDefault();
    $(".product-filter-wrapper").slideToggle();
  });
  var shopFiltericon = $(".shop-filter-active");
  shopFiltericon.on("click", function () {
    $(".shop-filter-active").toggleClass("active");
  });

  /*--
        Product details slider 2
    -----------------------------------*/
  $(".pro-dec-big-img-slider-2").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    draggable: false,
    fade: false,
    asNavFor: ".product-dec-slider-2",
  });

  /*--
        Product details 2 slick carousel as Nav
    --------------------------------------------*/
  $(".product-dec-slider-2").slick({
    slidesToShow: 7,
    slidesToScroll: 1,
    vertical: true,
    asNavFor: ".pro-dec-big-img-slider-2",
    dots: false,
    focusOnSelect: true,
    fade: false,
    arrows: false,
    responsive: [
      {
        breakpoint: 1199,
        settings: {
          slidesToShow: 5,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 991,
        settings: {
          slidesToShow: 7,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 767,
        settings: {
          slidesToShow: 5,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 575,
        settings: {
          autoplay: true,
          slidesToShow: 3,
        },
      },
    ],
  });

  // Instantiate EasyZoom instances
  // var $easyzoom = $('.easyzoom').easyZoom();

  /*--------------------------------
        Product details slider 5 active
    -----------------------------------*/
  $(".product-details-slider-5-active").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    dots: false,
    loop: true,
    fade: false,
    arrows: false,
  });

  /*--------------------------------
        Product details tab small
    -----------------------------------*/
  $(".product-details-tab-small").slick({
    slidesToShow: 5,
    slidesToScroll: 1,
    dots: false,
    loop: true,
    fade: false,
    arrows: false,
    responsive: [
      {
        breakpoint: 767,
        settings: {
          slidesToShow: 3,
          slidesToScroll: 1,
        },
      },
    ],
  });

  /*--------------------------
        Tab active
    ---------------------------- */
  var ProductDetailsSmall = $(".product-details-tab-small a");
  ProductDetailsSmall.on("click", function (e) {
    e.preventDefault();
    var $href = $(this).attr("href");
    ProductDetailsSmall.removeClass("active");
    $(this).addClass("active");
    $(".product-details-tab-large .tab-pane").removeClass("active");
    $(".product-details-tab-large " + $href).addClass("active");
  });

  // $('.multiple-items').slick({
  //     infinite: true,
  //     slidesToShow: 3,
  //     slidesToScroll: 3
  //   });

  //   $('.slider-hero').slick({
  //     dots: false,
  //     lazyLoad: 'ondemand',
  //     // autoplay: true,
  //     // autoplaySpeed: 1000,
  //     slidesToShow: 4,
  //     slidesToScroll: 1,
  //     responsive: [
  //         {
  //           breakpoint: 1024,
  //           settings: {
  //             slidesToShow: 3,
  //             slidesToScroll: 3,
  //             infinite: true,
  //           }
  //         },
  //         {
  //           breakpoint: 600,
  //           settings: {
  //             slidesToShow: 2,
  //             slidesToScroll: 2
  //           }
  //         },
  //         {
  //           breakpoint: 480,
  //           settings: {
  //             slidesToShow: 1,
  //             slidesToScroll: 1
  //           }
  //         },
  //         {
  //             breakpoint: 1199,
  //             settings: {
  //                 slidesToShow: 5,
  //                 slidesToScroll: 1,
  //             }
  //         },
  //         {
  //             breakpoint: 991,
  //             settings: {
  //                 slidesToShow: 3,
  //                 slidesToScroll: 1,
  //             }
  //         },
  //         {
  //             breakpoint: 767,
  //             settings: {
  //                 slidesToShow: 3,
  //                 slidesToScroll: 1,
  //             }
  //         },
  //         {
  //             breakpoint: 575,
  //             settings: {
  //                 autoplay: true,
  //                 slidesToShow: 3,
  //             }
  //         }
  //         // You can unslick at a given breakpoint now by adding:
  //         // settings: "unslick"
  //         // instead of a settings object
  //     ]
  // });

  //pres overview slider
  $(".press_slider-hero").slick({
    dots: false,
    lazyLoad: "ondemand",
    // autoplay: true,
    // autoplaySpeed: 1000,
    slidesToShow: 1,
    slidesToScroll: 1,
    responsive: [
      {
        breakpoint: 1024,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
          infinite: true,
        },
      },
      {
        breakpoint: 600,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 480,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 1199,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 991,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 767,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
      {
        breakpoint: 575,
        settings: {
          autoplay: true,
          slidesToShow: 1,
        },
      },
    ],
  });

  setTimeout(() => {
    if (width <= 600) {
      $(".same-style").find("svg path").attr("fill", "#000");
    }
  }, 300);
})(jQuery);