{{ header }}
{{ content_top }}
<section class="subcategories subcategory-showcase subcategory-showcase--catalog {% if categories %}py-5{% else %}pt-4{% endif %}">
	<div class="container-fluid">
		<div class="subcategory-showcase__heading">
			<span class="subcategory-showcase__eyebrow">{% if categories %}Выберите направление{% else %}Каталог салона{% endif %}</span>
			<h1>{{ heading_title }}</h1>
		</div>
		{% if categories %}
		{{ block('subcategories', 'dominik/template/extension/module/subcategory.twig') }}

		{% endif %}
  </div>
</section>

<section class="products">
	<div class="container-fluid">
		{% if description %}
        <div class="text mb-4 text-center">{{ description }}</div>
        {% endif %}
		{% if products %}
		<div class="row g-3 product-items">
			{% for product in products %}
			<div class="col-6 col-lg-4">
				{% include 'dominik/template/common/product.twig' %}
			</div>
			{% endfor %}
			
		</div>
		<div class="row g-3 justify-content-center align-items-center">
			<div class="col-md-6 justify-content-center justify-content-md-start pagination">{{ pagination }}</div>
			<div class="col-md-6 text-center text-md-end">{{ results }}</div>
			{#<div class="col-md-4 d-flex justify-content-center"><button onclick="NextPage(parseInt($('.pagination').find('.active').next().text()), '.product-items', this);" class="btn btn-dark" type="button">Показать ещё</button></div>#}
			
		</div>
		
		{% endif %}
		{% if description_bottom %}
        <div class="text my-5">{{ description_bottom }}</div>
        {% endif %}
		{% if not categories and not products %}
		<div class="py-4">
			<p>{{ text_empty }}</p>
			<a href="{{ continue }}" class="btn btn-dark">{{ button_continue }}</a>
		</div>
		{% endif %}
		
	</div>
</section>
{{ content_bottom }}
<script>
	function LoadNextPage(elem){
		$.ajax()
	}
</script>
{{ footer }} 
