{% extends "base.html.twig" %}
{% block body %}
{% include "front/menuBg.html.twig" with {'menu':getCategoryMenu(categoryActive, subCategoryActive, subSubCategoryActive, subSubSubCategoryActive)} %}
<div class="container">
<h1 class="title may-30">
{{ value ? value.title : "products.h1"|trans|raw }}
</h1>
{% if value %}
{% include "front/catBg.html.twig" with {'bgImg':getCategoryImage(value, false, true, true)|imagine_filter('large'), "icon":getCategoryImage(value, true, true), "title":value.title, "color":getValueColor(value)} %}
{% endif %}
<div class="js-prods-list">
<div class="row">
<div class="col-sm-6">
{% include "form/productsFilterForm.html.twig" %}
</div>
<div class="col-sm-6 d-flex justify-content-end">
<a class="pay-10 pax-15 jvzifb {{ not listView ? "active" }}"
href="{{ path('front_products', {"slug":slug, "subCatSlug":subCatSlug, "subSubCatSlug":subSubCatSlug, "subSubSubCatSlug":subSubSubCatSlug}) }}">
<img src="{{ asset('assets/img/procol.svg') }}" alt="DMD Inox"
class="w-auto mahep-100"/>
</a>
<a class="pay-10 pax-15 jvzifb {{ listView ? "active" }}"
href="{{ path('front_products', {"slug":slug, "subCatSlug":subCatSlug, "subSubCatSlug":subSubCatSlug, "subSubSubCatSlug":subSubSubCatSlug, "listView":1}) }}">
<img src="{{ asset('assets/img/prodlist.svg') }}" alt="DMD Inox"
class="w-auto mahep-100"/>
</a>
</div>
</div>
<div class="products row mat-30">
{% for key, product in products %}
<div class="col-lg-{{ listView ? "12" : "3 col-md-4 col-sm-6" }} mab-50">
<div class="mimfqe">
{% include (listView ? "front/productDetailList.html.twig" : "front/productDetail.html.twig") with {"intro":product.intro} %}
</div>
</div>
{% endfor %}
</div>
{% if products|length == limit %}
<div class="text-center mab-30">
<button class="btn btn2 loadMoreProducts">
<i class="fa fa-refresh mar-5"></i>
{{ "products.load_more.btn"|trans|raw }}
</button>
</div>
{% endif %}
</div>
{% if value.paragraphTitle is defined and value.paragraphTitle %}
<h2 class="title may-16">{{ value.paragraphTitle }}</h2>
{% elseif value.title is defined %}
<h2 class="title may-16">{{ value.title }}</h2>
{% endif %}
{% if value.description is defined %}
<div class="content may-24">
{{ value.description|raw }}
</div>
{% endif %}
</div>
{% endblock %}