$(function () {
    $('.shop_pro').mouseenter(function () {
        $(this).children().last().css('display', 'block');
    })
    $('.shop_pro').mouseleave(function () {
        $(this).children().last().css('display', 'none');
    })
    $(document).on('click', '.toggle', function () {
        $(this).next().animate({ height: 'toggle' });
        $(this).toggleClass('el-icon-arrow-down el-icon-arrow-right');
    });
    $(document).on('click', '.toggleg', function () {    
        $(this).next().animate({ height: 'toggle' });
        $(this).toggleClass('el-icon-arrow-down el-icon-arrow-right');
    });
    $(".wishlist").click(function (e) {
        $(this).addClass('wishlistfoucs');
        // $(this).toggleClass("wishlistfoucs");
    })

    $('.carousel-main').flickity(
        { prevNextButtons: true, pageDots: false }
    );
    $('.carousel-nav').flickity({
        asNavFor: '.carousel-main',
        contain: true,
        pageDots: false,
        vertical: true,
        prevNextButtons: true
    });
    if (localStorage.getItem('wishlist_box') != null) {
        var wishlist_box = JSON.parse(localStorage.getItem('wishlist_box'))
        let b = document.querySelectorAll('.wishlist')
        if (wishlist_box.length > 0) {
            var c = wishlist_box.map((obj) => {
                return obj.id
            });
            b.forEach((productElement) => {
                var productId = productElement.getAttribute('data-product-id');
                if (c.includes(Number(productId))) {

                    productElement.classList.add("wishlistfoucs");
                } else {
                    productElement.classList.remove("wishlistfoucs");

                }
            });
        }
    }
    $('.mover').hover(function () {
        $(this).next().show();
    },
        function () {
            $(this).next().hide();
        });

    $('.dio_menu_box').hover(
        function () {
        $(this).show();
       },
        function () {
            $(this).hide();
        }
    );
});