(function() {
    'use strict';

    if (!!window.JCCatalogSectionComponent)
        return;

    window.JCCatalogSectionComponent = function(params) {
        this.countItems = params.countItems;
        this.formPosting = false;
        this.siteId = params.siteId || '';
        this.ajaxId = params.ajaxId || '';
        this.template = params.template || '';
        this.componentPath = params.componentPath || '';
        this.parameters = params.parameters || '';

        this.sectionCountBlock = $('.catalog-control #section-count');
        this.animationCountData = {
            start: {},
            finish: {},
        };

        this.animateCount();

        if (params.navParams)
        {
            this.navParams = {
                NavNum: params.navParams.NavNum || 1,
                NavPageNomer: parseInt(params.navParams.NavPageNomer) || 1,
                NavPageCount: parseInt(params.navParams.NavPageCount) || 1
            };
        }


        this.bigData = params.bigData || {enabled: false};
        this.container = document.querySelector('[data-entity="' + params.container + '"]');
        this.lazyLoadContainer = document.querySelector('[data-entity="lazy-' + params.container + '"]');
        this.showMoreButton = null;
        this.showMoreButtonMessage = null;

        if (this.bigData.enabled && BX.util.object_keys(this.bigData.rows).length > 0)
        {
            BX.cookie_prefix = this.bigData.js.cookiePrefix || '';
            BX.cookie_domain = this.bigData.js.cookieDomain || '';
            BX.current_server_time = this.bigData.js.serverTime;

            BX.ready(BX.delegate(this.bigDataLoad, this));
        }

        if (params.initiallyShowHeader)
        {
            BX.ready(BX.delegate(this.showHeader, this));
        }

        if (params.deferredLoad)
        {
            BX.ready(BX.delegate(this.deferredLoad, this));
        }

        if (params.lazyLoad)
        {
            this.showMoreButton = document.querySelector('[data-use="show-more-' + this.navParams.NavNum + '"]');
            this.showMoreButtonMessage = this.showMoreButton.innerHTML;
            BX.bind(this.showMoreButton, 'click', BX.proxy(this.showMore, this));
        }

        if (params.loadOnScroll)
        {
            BX.bind(window, 'scroll', BX.proxy(this.loadOnScroll, this));
        }
        /*минимальная высота каталога по высоте фильтра*/
        var filter = $("#filter");
        var filterH = filter.height();
        var productBlockH = $('.content .product-block').parents('.container').height();
        if(productBlockH >= filterH){
            filter.css('height', productBlockH);
        }
        // productBlock.parents('.container').css('min-height', filter.height());
        // $('.filter-stick').css('height', filter.height());
    };

    window.JCCatalogSectionComponent.prototype =
    {
        animateCount: function(){
            var CountVal = this.sectionCountBlock.text();
            this.animationCountData.finish['section-count'] = parseFloat(this.countItems);
            if(CountVal) {
                this.animationCountData.start['section-count'] = parseFloat(CountVal.replace(' товаров', ''));
            }else{
                this.animationCountData.start['section-count'] = 0;
            }
            new BX.easing({
                duration: 300,
                start: this.animationCountData.start,
                finish: this.animationCountData.finish,
                transition: BX.easing.makeEaseOut(BX.easing.transitions.quad),
                step: BX.delegate(function(state){
                    for (var nodeId in this.animationCountData.start){
                        if (state.hasOwnProperty(nodeId)){
                            this.sectionCountBlock.text(MCT.get_correct_str(state['section-count'], 'товар', 'товара', 'товаров'));
                        }
                    }
                }, this),
            }).animate();
        },
        checkButton: function()
        {
            if (this.showMoreButton)
            {
                if (this.navParams.NavPageNomer == this.navParams.NavPageCount)
                {
                    BX.remove(this.showMoreButton);
                }
                else
                {
                    this.lazyLoadContainer.appendChild(this.showMoreButton);
                }
            }
        },

        enableButton: function()
        {
            if (this.showMoreButton)
            {
                BX.removeClass(this.showMoreButton, 'disabled');
                this.showMoreButton.innerHTML = this.showMoreButtonMessage;
            }
        },

        disableButton: function()
        {
            if (this.showMoreButton)
            {
                BX.addClass(this.showMoreButton, 'disabled');
                this.showMoreButton.innerHTML = BX.message('BTN_MESSAGE_LAZY_LOAD_WAITER');
            }
        },

        loadOnScroll: function()
        {
            var scrollTop = BX.GetWindowScrollPos().scrollTop,
                containerBottom = BX.pos(this.container).bottom;

            if (scrollTop + window.innerHeight > containerBottom)
            {
                this.showMore();
            }
        },

        showMore: function()
        {
            if (this.navParams.NavPageNomer < this.navParams.NavPageCount)
            {
                var data = {};
                data['action'] = 'showMore';
                data['PAGEN_' + this.navParams.NavNum] = this.navParams.NavPageNomer + 1;

                if (!this.formPosting)
                {
                    this.formPosting = true;
                    this.disableButton();
                    this.sendRequest(data);
                }
            }
        },

        bigDataLoad: function()
        {
            var url = 'https://analytics.bitrix.info/crecoms/v1_0/recoms.php',
                data = BX.ajax.prepareData(this.bigData.params);

            if (data)
            {
                url += (url.indexOf('?') !== -1 ? '&' : '?') + data;
            }

            var onReady = BX.delegate(function(result){
                this.sendRequest({
                    action: 'deferredLoad',
                    bigData: 'Y',
                    items: result && result.items || [],
                    rid: result && result.id,
                    count: this.bigData.count,
                    rowsRange: this.bigData.rowsRange,
                    shownIds: this.bigData.shownIds
                });
            }, this);

            BX.ajax({
                method: 'GET',
                dataType: 'json',
                url: url,
                timeout: 3,
                onsuccess: onReady,
                onfailure: onReady
            });
        },

        deferredLoad: function()
        {
            this.sendRequest({action: 'deferredLoad'});
        },

        sendRequest: function(data)
        {
            $('.spinnerLoad').removeClass('d-none');
            var defaultData = {
                siteId: this.siteId,
                template: this.template,
                parameters: this.parameters
            };

            if (this.ajaxId)
            {
                defaultData.AJAX_ID = this.ajaxId;
            }

            BX.ajax({
                url: this.componentPath + '/ajax.php' + (document.location.href.indexOf('clear_cache=Y') !== -1 ? '?clear_cache=Y' : ''),
                method: 'POST',
                dataType: 'json',
                timeout: 60,
                data: BX.merge(defaultData, data),
                onsuccess: BX.delegate(function(result){
                    if (!result || !result.JS)
                        return;

                    BX.ajax.processScripts(
                        BX.processHTML(result.JS).SCRIPT,
                        false,
                        BX.delegate(function(){this.showAction(result, data);}, this)
                    );

                    $('.spinnerLoad').addClass('d-none');
                }, this)
            });
        },

        showAction: function(result, data)
        {
            if (!data)
                return;

            switch (data.action)
            {
                case 'showMore':
                    this.processShowMoreAction(result);
                    break;
                case 'deferredLoad':
                    this.processDeferredLoadAction(result, data.bigData === 'Y');
                    break;
            }
        },

        processShowMoreAction: function(result)
        {
            this.formPosting = false;
            this.enableButton();

            if (result)
            {
                this.navParams.NavPageNomer++;
                this.processItems(result.items);
                this.processPagination(result.pagination);
                this.checkButton();
            }
        },

        processDeferredLoadAction: function(result, bigData)
        {
            if (!result)
                return;

            var position = bigData ? this.bigData.rows : {};

            this.processItems(result.items, BX.util.array_keys(position));
        },

        processItems: function(itemsHtml, position)
        {
            if (!itemsHtml)
                return;

            var processed = BX.processHTML(itemsHtml, false),
                temporaryNode = BX.create('DIV');

            var items, k, origRows;

            temporaryNode.innerHTML = processed.HTML;
            items = temporaryNode.querySelectorAll('[data-entity="items-row"]');

            if (items.length)
            {
                this.showHeader(true);

                for (k in items)
                {
                    if (items.hasOwnProperty(k))
                    {
                        origRows = position ? this.container.querySelectorAll('[data-entity="items-row"]') : false;
                        items[k].style.opacity = 0;

                        if (origRows && BX.type.isDomNode(origRows[position[k]]))
                        {
                            origRows[position[k]].parentNode.insertBefore(items[k], origRows[position[k]]);
                        }
                        else
                        {
                            this.container.appendChild(items[k]);
                        }
                    }
                }

                new BX.easing({
                    duration: 2000,
                    start: {opacity: 0},
                    finish: {opacity: 100},
                    transition: BX.easing.makeEaseOut(BX.easing.transitions.quad),
                    step: function(state){
                        for (var k in items)
                        {
                            if (items.hasOwnProperty(k))
                            {
                                items[k].style.opacity = state.opacity / 100;
                            }
                        }
                    },
                    complete: function(){
                        for (var k in items)
                        {
                            if (items.hasOwnProperty(k))
                            {
                                items[k].removeAttribute('style');
                            }
                        }
                    }
                }).animate();
            }

            BX.ajax.processScripts(processed.SCRIPT);
        },

        processPagination: function(paginationHtml)
        {
            if (!paginationHtml)
                return;

            var pagination = document.querySelectorAll('[data-pagination-num="' + this.navParams.NavNum + '"]');
            for (var k in pagination)
            {
                if (pagination.hasOwnProperty(k))
                {
                    pagination[k].innerHTML = paginationHtml;
                }
            }
        },

        showHeader: function(animate)
        {
            var parentNode = BX.findParent(this.container, {attr: {'data-entity': 'parent-container'}}),
                header;

            if (parentNode && BX.type.isDomNode(parentNode))
            {
                header = parentNode.querySelector('[data-entity="header"]');

                if (header && header.getAttribute('data-showed') != 'true')
                {
                    header.style.display = '';

                    if (animate)
                    {
                        new BX.easing({
                            duration: 2000,
                            start: {opacity: 0},
                            finish: {opacity: 100},
                            transition: BX.easing.makeEaseOut(BX.easing.transitions.quad),
                            step: function(state){
                                header.style.opacity = state.opacity / 100;
                            },
                            complete: function(){
                                header.removeAttribute('style');
                                header.setAttribute('data-showed', 'true');
                            }
                        }).animate();
                    }
                    else
                    {
                        header.style.opacity = 100;
                    }
                }
            }
        }
    };

    $('.link-block-flex .show-all-link').click(function(event) {
  event.preventDefault();
  $('.link-block-flex a').addClass('is-show');
  $(this).hide();
});
})();