(function ($) {
    "use strict";

    /* jQuery MeanMenu */
    $("#mobile-menu-active").meanmenu({
        meanScreenWidth: "991",
        meanMenuContainer: ".mobile-menu-area .mobile-menu",
    });

    /*--
    One Page Nav
    -----------------------------------*/
    var top_offset = $(".header-area").height() - -60;
    $(".hamburger-menu nav ul").onePageNav({
        currentClass: "active",
        scrollOffset: top_offset,
    });

    /*--- clickable menu active ----*/
    const slinky = $("#menu").slinky();
    /*====== sidebarmenu ======*/
    function sidebarMainmenu() {
        var menuTrigger = $(".clickable-mainmenu-active"),
            endTrigger = $("button.clickable-mainmenu-close"),
            container = $(".clickable-mainmenu");
        menuTrigger.on("click", function (e) {
            e.preventDefault();
            container.addClass("inside");
        });
        endTrigger.on("click", function () {
            container.removeClass("inside");
        });
    }
    sidebarMainmenu();

    /* slider active */
    $(".slider-active").owlCarousel({
        loop: true,
        nav: false,
        autoplay: true,
        autoplayTimeout: 5000,
        animateOut: "fadeOut",
        animateIn: "fadeIn",
        item: 1,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 1,
            },
            1000: {
                items: 1,
            },
        },
    });

    $(".slider-active-2").owlCarousel({
        loop: true,
        nav: true,
        autoplay: false,
        autoplayTimeout: 5000,
        animateOut: "fadeOut",
        animateIn: "fadeIn",
        navText: [
            '<img src="assets/img/icon-img/57.png"> next',
            'prev <img src="assets/img/icon-img/58.png">',
        ],
        item: 1,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 1,
            },
            1000: {
                items: 1,
            },
        },
    });

    /* arrival active */
    $(".arrival-active").owlCarousel({
        loop: true,
        autoplay: false,
        autoplayTimeout: 5000,
        nav: false,
        margin: 40,
        item: 5,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 2,
            },
            1000: {
                items: 3,
            },
            1367: {
                items: 5,
            },
        },
    });

    /* brand logo active */
    $(".brand-logo-active").owlCarousel({
        loop: true,
        nav: false,
        item: 6,
        responsive: {
            0: {
                items: 2,
            },
            480: {
                items: 2,
            },
            768: {
                items: 3,
            },
            1000: {
                items: 4,
            },
            1200: {
                items: 6,
            },
        },
    });

    /* brand logo active */
    $(".brand-logo-active2").owlCarousel({
        loop: true,
        nav: false,
        item: 7,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 3,
            },
            1000: {
                items: 4,
            },
            1200: {
                items: 7,
            },
        },
    });

    /* book list active */
    $(".book-list-active").owlCarousel({
        loop: true,
        nav: true,
        item: 2,
        margin: 40,
        navText: [
            '<i class="ti-angle-left"></i>',
            '<i class="ti-angle-right"></i>',
        ],
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 1,
            },
            1000: {
                items: 1,
            },
            1200: {
                items: 2,
            },
        },
    });

    /* testimonials active */
    $(".testimonials-active").owlCarousel({
        loop: true,
        nav: false,
        autoplay: true,
        autoplayTimeout: 5000,
        item: 1,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 1,
            },
            1000: {
                items: 1,
            },
            1200: {
                items: 1,
            },
        },
    });

    /* testimonials active */
    $(".brand-logo-active3").owlCarousel({
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 5000,
        item: 6,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 3,
            },
            1000: {
                items: 4,
            },
            1200: {
                items: 6,
            },
        },
    });
    /* testimonials active */
    $(".product-fruit-slider").owlCarousel({
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 5000,
        margin: 30,
        item: 5,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 2,
            },
            1000: {
                items: 3,
            },
            1200: {
                items: 4,
            },
            1400: {
                items: 5,
            },
        },
    });

    /* instafeed active */
    $(".instafeed-active").owlCarousel({
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 5000,
        item: 5,
        margin: 17,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 3,
            },
            1000: {
                items: 4,
            },
            1200: {
                items: 5,
            },
        },
    });

    /* testimonials active */
    $(".special-food-active").owlCarousel({
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 5000,
        item: 4,
        margin: 30,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 2,
            },
            1000: {
                items: 3,
            },
            1200: {
                items: 4,
            },
        },
    });

    /* testimonials active */
    $(".smart-watch-product-active").owlCarousel({
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 5000,
        item: 3,
        margin: 75,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 2,
            },
            1000: {
                items: 3,
            },
            1200: {
                items: 3,
            },
        },
    });

    /* testimonials active */
    $(".related-product-active").owlCarousel({
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 5000,
        item: 3,
        margin: 30,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 2,
            },
            1000: {
                items: 3,
            },
            1200: {
                items: 3,
            },
        },
    });

    /* popular-product-active active */
    $(".popular-product-active").owlCarousel({
        loop: false,
        nav: true,
        autoplay: false,
        autoplayTimeout: 5000,
        item: 4,
        margin: 57,
        navText: [
            '<img src="/frontend/assets/img/icon-img/left.png">',
            '<img src="/frontend/assets/img/icon-img/right.png">',
        ],
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 2,
            },
            1000: {
                items: 3,
            },
            1200: {
                items: 4,
            },
        },
    });

    /* trandy-product-active active */
    $(".trandy-product-active").owlCarousel({
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 5000,
        item: 4,
        margin: 30,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 2,
            },
            1000: {
                items: 3,
            },
            1200: {
                items: 4,
            },
        },
    });

    /* feadback-silder-active active */
    $(".feadback-silder-active").owlCarousel({
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 5000,
        item: 3,
        margin: 50,
        responsive: {
            0: {
                items: 1,
            },
            768: {
                items: 2,
            },
            1000: {
                items: 3,
            },
            1200: {
                items: 3,
            },
        },
    });

    /*category left menu*/
    $(".category-heading-2").on("click", function () {
        $(".category-menu-list").slideToggle(300);
    });

    /*--
    menu-toggle
    ------------------------*/
    $(".menu-toggle").on("click", function () {
        if ($(".menu-toggle").hasClass("is-active")) {
            $(".hamburger-menu nav").removeClass("menu-open");
        } else {
            $(".hamburger-menu nav").addClass("menu-open");
        }
    });

    /*--
    	Hamburger js
    -----------------------------------*/
    var forEach = function (t, o, r) {
        if ("[object Object]" === Object.prototype.toString.call(t))
            for (var c in t)
                Object.prototype.hasOwnProperty.call(t, c) &&
                    o.call(r, t[c], c, t);
        else for (var e = 0, l = t.length; l > e; e++) o.call(r, t[e], e, t);
    };

    var hamburgers = document.querySelectorAll(".hamburger");
    if (hamburgers.length > 0) {
        forEach(hamburgers, function (hamburger) {
            hamburger.addEventListener(
                "click",
                function () {
                    this.classList.toggle("is-active");
                },
                false
            );
        });
    }

    /* magnificPopup video popup */
    $(".video-popup").magnificPopup({
        type: "iframe",
    });

    /*----------------------------
        text-animation
    ------------------------------ */
    $(".tlt1").textillate({
        loop: true,
        in: {
            effect: "fadeInDown",
        },
        out: {
            effect: "flip",
        },
    });

    /*--
    Menu Stick
    -----------------------------------*/
    $(window).on("scroll", function () {
        var scroll = $(window).scrollTop();
        if (scroll < 1) {
            $(".sticker").removeClass("stick");
        } else {
            $(".sticker").addClass("stick");
        }
    });

    /* hover 3d init for tilt */
    if ($(".tilter").length > 0) {
        $(".tilter").tilt({
            maxTilt: 40,
            perspective: 800,
            easing: "cubic-bezier(.03,.98,.52,.99)",
            scale: 1,
            speed: 800,
            transition: true,
        });
    }

    /* hover 3d init for tilt */
    if ($(".tilter-2").length > 0) {
        $(".tilter-2").tilt({
            maxTilt: 20,
            perspective: 700,
            easing: "cubic-bezier(.03,.98,.52,.99)",
            scale: 1,
            speed: 500,
            transition: true,
        });
    }

    /* hover 3d init for tilt */
    if ($(".tilter-3").length > 0) {
        $(".tilter-3").tilt({
            maxTilt: 20,
            perspective: 800,
            easing: "cubic-bezier(.03,.2,.5,.4)",
            scale: 1,
            speed: 500,
            transition: true,
        });
    }

    /*--- showlogin toggle function ----*/
    $("#showlogin").on("click", function () {
        $("#checkout-login").slideToggle(900);
    });

    /*--- showlogin toggle function ----*/
    $("#showcoupon").on("click", function () {
        $("#checkout_coupon").slideToggle(900);
    });

    /*--- showlogin toggle function ----*/
    $("#ship-box").on("click", function () {
        $("#ship-box-info").slideToggle(1000);
    });

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

    /*---------------------
    sidebar sticky
    --------------------- */
    $(".sidebar-active").stickySidebar({
        topSpacing: 80,
        bottomSpacing: 30,
        minWidth: 991,
    });

    $(".sidebar-active1").stickySidebar({
        topSpacing: 80,
        bottomSpacing: 30,
        minWidth: 991,
    });

    $(".sidebar-active3").stickySidebar({
        topSpacing: 80,
        bottomSpacing: 30,
        minWidth: 991,
    });

    /* isotop active */
    // filter items on button click
    $(".blog-mesonry").imagesLoaded(function () {
        // init Isotope
        var $grid = $(".grid").isotope({
            itemSelector: ".grid-item",
            percentPosition: true,
            masonry: {
                // use outer width of grid-sizer for columnWidth
                columnWidth: ".grid-item",
            },
        });
    });

    $(".notification-close button").on("click", function () {
        $(".notification-section").slideUp();
    });

    /*----------------------------
    	Cart Plus Minus Button
    ------------------------------ */
    $(".cart-plus-minus").prepend('<div class="dec qtybutton">-</div>');
    $(".cart-plus-minus").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);
    });

    /*---------------------
    price slider
    --------------------- */
    var sliderrange = $("#slider-range");
    var amountprice = $("#amount");
    var minPrice = parseFloat($("#productMinPrice").val());
    var maxPrice = parseFloat($("#productMaxPrice").val());

    $(function () {
        sliderrange.slider({
            range: true,
            min: minPrice,
            max: maxPrice,
            values: [minPrice, maxPrice],
            slide: function (event, ui) {
                amountprice.val(ui.values[0] + "-" + ui.values[1]);
            },
        });
        amountprice.val(
            sliderrange.slider("values", 0) +
                "-" +
                sliderrange.slider("values", 1)
        );
    });

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

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

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

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