// coding with nick

// Js Documents

// Table of contyent
// 1.  vars and inits
// 2.  Inits Menu
// 3.  Init Timer
// 4.  Init Favorite
// 5.  Init Isotope Filtering
// 6.  Init Slider

// https://www.youtube.com/watch?v=9F1PtfWHh1o&list=PLD6WTnyPkgeJ2d7RxKcep09xUKEvHAp3u&index=20 timestamp:1:10:13

jQuery(document).ready(function ($) {
    "user strict";

    // 1. vars and Inits

    var mainSlider = $('.main.slider');
    var hamburger = $('.hamburger_container');
    var menu = $('.hamburger_menu');
    var menuActive = false;
    var hamburgerClose = $('.hamburger_close');
    var fsOverlay = $('.fs_menu_overlay');

    initMenu();
    initFavorite();
    initIsotopeFiltering();
    initTimer();
    initSlider();


    // 2.  Inits Menu timestamp 2:39:45

    function initMenu() {
        if (hamburger.length) {
            hamburger.on('click', function() {
                if (!menuActive) {
                    openMenu();
                }
            });
        }
        if (fsOverlay.length) {
            fsOverlay.on('click', function() 
            {
                if (menuActive) 
                {
                    closeMenu();
                }
            });
        }
        if (hamburgerClose.length) {
            hamburgerClose.on('click', function() {
                if (menuActive) {
                    closeMenu();
                }
            });
        }
        if ($('.menu_item'), length) {
            var items = document.getElementsByClassName('menu_item');
            var i;

            for (i = 0; i < items.length; i++) 
            {
                if (items[i].classList.contains("has-children")) 
                {
                    items[i].onclick = function () 
                    {
                        this.classList.toggle("active");
                        var panel = this.children[1];
                        if (panel.style.maxHeight) {
                            panel.style.maxHeight = null;
                        }
                        else {
                            panel.style.maxHeight = panel.scrollHeight + "px";
                        }
                    }
                }
            }
        }
    }

    function openMenu() {
        menu.addClass('active');
        fsOverlay.css('pointer-events', "auto");
        menuActive = true;
    }
    function closeMenu() {
        menu.removeClass('active');
        fsOverlay.css('pointer-events', "none");
        menuActive = false;
    }


    // 3.  Init Timer timestamp:1:30:30

    function initTimer() {
        if ($('.timer').length) {

            // uncomment line below and replace date
            var target_date = new Date("August 31, 2021").getTime();


            // comment line below

            // var date = new Date();
            // date.setDate(date.getDate() + 3);
            // var target_date = date.getTime();

            //variables for time units
            var days, hours, minutes, seconds;
            var d = $('#day');
            var h = $('#hour');
            var m = $('#minute');
            var s = $('#second');

            setInterval(function () {
                //find the amount of "seconds" between now and target

                var current_date = new Date().getTime();
                var seconds_left = (target_date - current_date) / 1000;

                // do some time calculations
                days = parseInt(seconds_left / 86400);
                seconds_left = seconds_left % 86400;

                hours = parseInt(seconds_left / 3600);
                seconds_left = seconds_left % 3600;

                minutes = parseInt(seconds_left / 60);
                seconds = parseInt(seconds_left % 60);

                //display result
                d.text(days);
                h.text(hours);
                m.text(minutes);
                s.text(seconds);
            }, 1000)
        }
    }


    // 4.  Init Favorite

    function initFavorite() {

        if ($('.favorite').length) {
            var favs = $('.favorite');

            favs.each(function () {
                var fav = $(this);
                var active = false;
                if (fav.hasClass('active')) {
                    active = true;
                }
                fav.on('click', function () {
                    if (active) {
                        fav.removeClass('active');
                        active = false;
                    }
                    else {
                        fav.addClass('active');
                        active = true;
                    }
                })
            });
        }
    }


    // 5.  Init Isotope Filtering timestamp:1:16:21

    function initIsotopeFiltering() {
        if ($('.grid_sorting_button').length) {
            $('.grid_sorting_button').click(function () {
                $('.grid_sorting_button.active').removeClass('active');
                $(this).addClass('active');

                var selector = $(this).attr('data-filter');
                $('.product-grid').isotope({
                    filter: selector,
                    animationOptions: {
                        duration: 750,
                        easing: 'linear',
                        queue: false,
                    }
                });
                return false
            });
        }
    }


    // 6.  Init Slider

    function initSlider() {
        if ($('.product_slider').length) {
            var slider1 = $('.product_slider');

            slider1.owlCarousel({
                loop: false,
                dots: false,
                nav: false,
                responsive:
                {
                    0: { items: 1 },
                    480: { items: 2 },
                    768: { items: 3 },
                    991: { items: 4 },
                    1280: { items: 5 },
                    1440: { items: 5 },
                }

            });
            if ($('.product_slider_nav_left').length) {
                $('.product_slider_nav_left').on('click', function () {
                    slider1.trigger('prev.owl.carousel');
                })
            }
            if ($('.product_slider_nav_right').length) {
                $('.product_slider_nav_right').on('click', function () {
                    slider1.trigger('next.owl.carousel');
                })
            }
        }
    }

})