{extends 'template:1'}
{block 'Crumbs'}
    {set $sourcePath = "inc/"}
    {set $category_left_banner_tmp = ('!getTVparents'|snippet:['tv'=>'category_left_banner', 'migx_where' => '{ "active":1 }'])}
    {set $category_right_banners_tmp = ('!getTVparents'|snippet:['tv'=>'category_right_banners', 'migx_where' => '{ "active":1 }'])}
    {if $category_left_banner_tmp? && $category_right_banners_tmp?}
        <section class="catalog-banners">
            <div class="recomend_items block_spechol_item">
                {foreach $category_left_banner_tmp | fromJSON as $left_banner}
                    {if $left_banner.active != 1}{continue}{/if}
                    <div class="recomend_item left_item_block">
                        <a class="d-block blackout" href="{$left_banner.link?(($left_banner.link|is_numeric)?($left_banner.link|url):$left_banner.link):'#'}" data-preventdefault>
                            <img class="img-responsive" src="{$sourcePath~$left_banner.image}">
                        </a>
                    </div>
            		{break}
                {/foreach}
                <div class="recomend_slider_wrap">
                    <div class="oc-catalog-right-banners owl-carousel">
                        {set $counter = 0}
                        {foreach $category_right_banners_tmp | fromJSON as $slide}
                            {if $slide.active != 1}{continue}{/if}
                            <div class="item">
                                <a class="d-block blackout" href="{$slide.link?(($slide.link|is_numeric)?($slide.link|url):$slide.link):'#'}" data-preventdefault>
                                   <img class="img-responsive" src="{$sourcePath~$slide.image}" alt="{$slide.title}" title="{$slide.title}" > 
                                </a>
                            </div>
            	        	{set $counter = $counter+1}
                        {/foreach}
                    </div>
                </div>
            </div>
        </section>
    {/if}
    {set $showH1=true}
    {parent}
{/block}
{block 'Content'}
    {set $cat_filters = ('!getTVparents'|snippet:['tv'=>'category_filters','prepareTV' => true])}
    {set $cat_filters_aliases = $cat_filters|getAliasesFilters}
    {'!mFilter2'|snippet:[
        'loadModels' => 'storehouse',
        'class' => 'msProduct',
        'element' => 'msProductsFiltered',
        'parents' => $_modx->resource.id,
        'limit' => 12,
        'tplOuter' => 'tpl.category.outer',
        'tpls' => 'tpl.category.filter.tpl',
        'tplFilter.outer.default' => 'tpl.category.filter.outer',
        'tplFilter.row.default' => 'tpl.category.filter.checkbox',
        'tplFilter.outer.price' => 'tpl.category.filter.slider',
        'tplFilter.row.price' => 'tpl.category.filter.number',
        'tplPageWrapper' => '@INLINE <div class="pagination_block_wrap row no-gutters">{{+prev}}<div class="col-md-4 offset-md-4 pages">{{+pages}}</div>{{+next}}</div>',
        'tplPageActive' => '@INLINE <span class="active_pagination pagination_item pagination_page">{{+pageNo}}</span>',
        'tplPage' => '@INLINE <a href="{{+href}}" class="pagination_item pagination_page">{{+pageNo}}</a>',
        'tplPagePrev' => '@INLINE <a href="{{+href}}" class="left_pagination pagination_item"><img src="/assets/t/img/not_active_left_arrow.png" width="7" height="11" class="pag_arrow_active "><img src="/assets/t/img/active_right_arrow.png" width="7" height="11" class="pag_arrow pag_rotet_arr"></a>',
        'tplPageNext' => '@INLINE <a href="{{+href}}" class="right_pagination pagination_item"><img src="/assets/t/img/active_right_arrow.png" width="7" height="11" class="pag_arrow_active"><img src="/assets/t/img/not_active_left_arrow.png" width="7" height="11" class="pag_arrow pag_rotet_arr"></a>',
        'tplPageFirst' => '@INLINE <a href="{{+href}}" class="pagination_item pagination_page">{{+pageNo}}</a>',
        'tplPageLast' => '@INLINE <a href="{{+href}}" class="pagination_item pagination_page">{{+pageNo}}</a>',
        'tplPageSkip' => '@INLINE <span class="pagination_skip pagination_page">...</span>',
        'tplPagePrevEmpty' => '@INLINE <span class="left_pagination pagination_item"><img src="/assets/t/img/not_active_left_arrow.png" width="7" height="11" class="pag_arrow_active "><img src="/assets/t/img/active_right_arrow.png" width="7" height="11" class="pag_arrow pag_rotet_arr"></span>',
        'tplPageNextEmpty' => '@INLINE <span class="right_pagination pagination_item"><img src="/assets/t/img/active_right_arrow.png" width="7" height="11" class="pag_arrow_active"><img src="img/not_active_left_arrow.png" width="7" height="11" class="pag_arrow pag_rotet_arr"></span>',
        'pageLimit' => 7,
        'values_delimeter' => ';;',
        'filters' => '
            ms|price:number,
            ms|image:boolean,
            msoption|brend,
        '~$cat_filters,
        'aliases' => '
            ms|price==price,
            ms|image==image,
            msoption|brend==brend,
            msoption|brend|value==brend_sort,
        '~$cat_filters_aliases,
        'sortAliases' => '{
            "msoption|brend":"brend",
        }',
        'sortbyOptions' => 'brend:string',
        'sort' => 'price:asc',
        'includeThumbs' => 'medium',
        'innerJoin' => '{
            "shProductOffer": {
              "class": "shProductOffer",
              "on": "shProductOffer.product_id = msProduct.id"
            },
            "shStoreOffer": {
              "class": "shStoreOffer",
              "on": "shProductOffer.id = shStoreOffer.offer_id"
            }
        }',
        'where' => '{
            "shStoreOffer.count:>":0
        }',
        'showLog' => false,
    ]}
    {include 'SeoText'}
{/block}