{% extends '@SyliusShop/layout.html.twig' %}
{% block title %}{{ 'sylius.ui.products'|trans }} | {{ parent() }}{% endblock %}
{% block content %}
<div class="max-container-5 px-0">
{% block breadcrumb %}
{% include '@SyliusShop/Brand/Product/Index/_breadcrumb.html.twig' with { 'brand' : brand } %}
{% endblock %}
<div class=" py-2 py-md-3 my-2 my-md-3">
{% include '@SyliusShop/Brand/Product/Index/_header.html.twig' with { 'brand' : brand } %}
</div>
{% if taxons|length > 0 %}
{# <div>#}
{# {% for taxon in taxons %}#}
{# <div class="mb-2"><a href="#{{ taxon.taxon.code }}" class="color-blue-s text-uppercase font-18"><strong>{{ taxon.taxon.code }}</strong></a></div>#}
{# {% endfor %}#}
{# </div>#}
{% for taxon in taxons %}
<div class="text-grey font-seize py-3">Catégorie : <a href="{{ path('monsieurbiz_sylius_search_taxon', {slug: taxon.taxon.translations[app.request.locale].slug}) }}" class="color-orange">{{ taxon.taxon.name }}</a></div>
<div class="liste-articles pt-md-4 pt-2 pb-md-4 pb-2 mt-xl-2 px-lg-0 px-3">
<div class="row mx-n2 mx-n3 mx-lg-n3p mx-xs-n2" id="{{ taxon.taxon.name }}">
{% for product in taxon.products %}
<div class="col-lg-3 col-md-4 col-sm-6 col-12 px-3 mb-md-3 mb-4 px-lg-3p mb-lg-5p px-xs-2">
{% include '@SyliusShop/Product/_box.html.twig' with {'product': product} only %}
</div>
{% endfor %}
</div>
</div>
{% endfor %}
{% else %}
<span style="text-align: center;display: block;">Il n'y a aucun produit pour le moment...</span>
{% endif %}
</div>
{% endblock %}