jQuery(document).ready(function () {

    //products tab section
    jQuery('.acommerce-products-tab').on('click', 'li.tabs-title a', function (e) {
        //add the active class
        jQuery(this).parent().parent().find('li').removeClass('is-active');
        jQuery(this).parent().addClass('is-active');
        e.preventDefault();
        var select_category_id = jQuery(this).attr('id');
        var acommerce_tab_product_count = jQuery(this).attr('product_count');
        var widget = jQuery(this).closest(".news_class");
        var id = jQuery(widget).attr('id');
        var storage_id = id + "-" + select_category_id;
        var data = localStorage.getItem(storage_id);
        var that = jQuery(this);
        var acommerce_tab_content = that.closest(".widget_acommerce_products_tabs_widget").find("#acommerce-products-tab-block");
        jQuery.ajax({
            url: aCommerce_Ajax.ajaxurl,
            type: 'post',
            async: false,
            data: {
                action: 'acommerce_tabs_section',
                post_id: select_category_id,
                prduct_count: acommerce_tab_product_count,
            },
            success: function (response) {
                setTimeout(function () {
                    localStorage.setItem(storage_id, data);
                    jQuery(acommerce_tab_content).html(response);

                    //flex slider 5
                    jQuery('.flexslider5').flexslider({
                        animation: "slide",
                        animationLoop: true,
                        itemWidth: 260,
                        itemMargin: 20,
                        minItems: 2,
                        maxItems: 4
                    });
                }, 1000);
            },
            beforeSend: function () {
                jQuery(acommerce_tab_content).html('<br /><br /><div class="ajax-loader" style="height:320px;"><svg width="200px"  height="200px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-eclipse" style="background: none;"><path ng-attr-d="{{config.pathCmd}}" ng-attr-fill="{{config.color}}" stroke="none" d="M10 50A40 40 0 0 0 90 50A40 42 0 0 1 10 50" fill="#191919" transform="rotate(149.893 50 51)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 51;360 50 51" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animateTransform></path></svg></div>');
            },
        });
    });
});