{* шаблон вывода товаров в категориях *}

{if !$is_filter}
<div class="contentInContent">
	
	<div class="subcategorywrap">
		{if $smarty.const.CONF_SHOW_PARENCAT eq 1}
			{if $catrescur}
			<div class="childCategoriesGrid">
				{section name=r loop=$catrescur}
				<div class="childCategoryWrap">
					<div class="childCategory">
						<div class="childCategoryName"><a href="/{$catrescur[r].url}" rel="nofollow" title="{$catrescur[r].name}">{$catrescur[r].name} ({$catrescur[r].products_count})</a></div>
					</div>
				</div>
				{/section}
			</div>
			{/if}
		{/if}
	</div>


	<div class="contentIn">
		<div class="optionviewprod">
			<div class="ovp_prodquan">
				{if $smarty.const.CONF_SHOW_COUNTPROD eq 1} 
				<span>{$smarty.const.STRING_PRODUCTS}: {$products_to_showc}</span>
				{/if}
			</div>
			<div class="ovp_dispset">
				{if $products_to_show} 
				<div class="sortPagerWrap">
					<div class="showProductWrap">
						<div class="showProduct">
							<form method="POST">
								<select name="on_page" class="js-category-show">
									{section name=i loop=$on_page_allow}
									<option value="{$on_page_allow[i]}" {if $on_page == $on_page_allow[i]}selected{/if}>{$on_page_allow[i]}</option>
									{/section}
								</select>
							</form>
						</div>
					</div>
					{if $string_product_sort}
					<div class="sortProductWrap">
						<div class="sortProduct">
							{assign var="sort_arr" value=$sort_arr|getCustomSort}
							<select name="sort" class="js-category-sort">
								{section name=s loop=$sort_arr}
								<option data-sort="{$sort_arr[s].value}" value="/index.php?categoryID={$categoryID}{if $smarty.get.offset}&offset={$smarty.get.offset}{/if}{if $sort_arr[s].sort}&sort={$sort_arr[s].sort}&direction={$sort_arr[s].direction}{/if}{if $lang_prefix}&lang={$lang_prefix}{/if}" {if $smarty.get.sort eq $sort_arr[s].sort && $smarty.get.direction eq $sort_arr[s].direction}selected{/if}>{$sort_arr[s].name}</option>
								{/section}
							</select>
						</div>
					</div>
					{/if}
					<div class="sortProductWrap">
						<ul class="viewprodoption">
							<li><a class="vpo_changeview {if $smarty.cookies.changeview eq 'vpo_grid'}active{/if}" view_id="vpo_grid" href="#"><i class="fa fa-th" aria-hidden="true"></i></a></li>
							<li><a class="vpo_changeview {if $smarty.cookies.changeview eq 'vpo_list'}active{/if}" view_id="vpo_list" href="#"><i class="fa fa-list-ul" aria-hidden="true"></i></a></li>
						</ul>
					</div>
				</div>
				{/if}
			</div>
		</div>
		<div id="filterResult">
			{/if}
			
			
			{if $products_to_show} 
				
				
				<div class="productBlockWrap productBlockWrapCat" id="{$smarty.cookies.changeview}">
				<div class="productBlock productBlockBrief" id="products_list">
					<div class="productListGrid" style="grid-template-columns: repeat({$smarty.const.CONF_COLUMNS_PER_PAGE}, {math equation='x / y' x='100' y=$smarty.const.CONF_COLUMNS_PER_PAGE}%)">	
						{section name=u loop=$products_to_show}
							<div class="slideProdWrap" >
							{if $products_to_show[u].custom_brief}{include file=$products_to_show[u].custom_brief product_info=$products_to_show[u]}{else}{include file="product_brief.tpl.html" product_info=$products_to_show[u]}{/if}
						</div>
						{/section}
					</div>
				</div>
			</div>
			{if $selected_category.products_count > 0 }
				{if !$is_filter && !$smarty.get.show_all && $products_to_showc > ($smarty.get.offset+$on_page)}<div class="load-products"><a href="#" class="js-load-products" data-offset="{if $smarty.get.offset}{$smarty.get.offset}{else}0{/if}">{$smarty.const.STRING_SHOWELSE} {$on_page} {$smarty.const.STRING_PRODUCTS}</a></div>{/if}
			{/if}

			<div class="pagerWrap">
				{if $catalog_navigator}
				<div class="columnTable catalogNavigatorWrap {if $products_to_showc gt 100}hideShowAll{/if}">
					<div class="catalogNavigator">{$catalog_navigator}</div>
				</div>
				{/if}
			</div>

			{else}
			<div class="noneObjects">
				{if !$search_with_change_category_ability || $advanced_search_in_category}{if $advanced_search_in_category}{$smarty.const.STRING_EMPTY_SEARCH_RESULT}{else}{$smarty.const.STRING_EMPTY_CATEGORY}{/if}{/if}
			</div>
			{/if}
			
			
			<div class="categoryDescr styleCss text-content">
				{if $selected_category.description}
					{if $selected_category.h1}<h1>{$selected_category.h1}</h1>{/if}
					{$selected_category.description}
				{/if}
			</div>
			
			{if !$is_filter}
		</div>
	</div>
</div>

<script>
	$(document).on('click', '.js-load-products', function(e){
		e.preventDefault();
		offset = parseInt($(this).attr('data-offset')),
		on_page = {$on_page},
		next = offset+on_page,
		max = {$products_to_showc},
		category = {$categoryID}
		link = $(this),
        destination = $(this).offset().top;

		if(!link.hasClass('disabled')) $.ajax({
			url: 'index.php?do=load_products&categoryID='+category+'&offset='+next+'{if $smarty.get.sort}&sort={$smarty.get.sort}{if $smarty.get.direction}&direction={$smarty.get.direction}{/if}{/if}{if $lang_prefix}&lang={$lang_prefix}{/if}',
			type: "GET",
			dataType: "html",
			beforeSend: function() {
				link.addClass('loading');
			}
		}).done(function(data) {
			if(data) data = JSON.parse(data);
			$('#products_list').append(data.products);
			link.attr('data-offset', next).removeClass('loading');
			if(next >= (max-on_page)) link.addClass('disabled');
			$('#products_list form.productCartForm').each(function(){
				updateProductPrice($(this));
			});
			$("html, body").animate({ scrollTop: destination -150 }, 600);
		}).fail(function(jqXHR, textStatus) {
			console.log("Ошибка AJAX: " + textStatus, 'error');
			link.removeClass('loading');
		});
	});

	$(document).on('change', '.js-category-sort', function() {
		if(typeof filterSubmit === "function") {
			$('#filterForm input[name="sort"]').val($(this).find('option:selected').attr('data-sort'));
			filterSubmit();
		} else {
			document.location.href = $(this).val();
		}
	});
	$(document).on('change', '.js-category-show', function() {
		var show = $(this).val();
		if(typeof filterSubmit === "function") {
			$('#filterForm input[name="prdPerPage"]').val(show);
			filterSubmit(); 
		} else {
			$(this).closest('form').submit();
		}
	});
	
	
	$('.vpo_changeview').click(function(e){
		e.preventDefault();
		$('.vpo_changeview').removeClass('active');
		var id_view = $(this).attr('view_id');
		var block_view = $('body').find('#filterResult .productBlockWrap');
		if( $(this).hasClass('active') ) {
			$(this).removeClass('active');
		} else {
			$(this).addClass('active');
			
		}
		$(block_view).attr('id', id_view)
		{literal}
			$.cookie('changeview', id_view, {'path': '/'});
		{/literal}
	})
	
	
</script>
{/if}