{% extends '@SyliusShop/layout.html.twig' %}
{% import '@SyliusShop/Common/Macro/messages.html.twig' as messages %}
{% block title %}{{ 'sylius.ui.products'|trans }} | {{ parent() }}{% endblock %}
{% block content %}
<div class="max-categ-container p-0">
{% block breadcrumb %}
{% include '@SyliusShop/Brand/Product/Index/_breadcrumb.html.twig' with { 'brand' : brand } %}
{% endblock %}
<div class="bg-white p-2 p-md-3 my-2 my-md-3">
{% include '@SyliusShop/Brand/Product/Index/_header.html.twig' with { 'brand' : brand } %}
</div>
{% if products|length > 0 %}
<div class="row mx-n2 mx-lg-n3p mx-xs-n2" >
{% for product in products %}
<div class="col-lg-3 col-md-4 col-6 px-2 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>
{% else %}
<div class="text-center pt-3"><div class="d-inline-block">{{ messages.info('app.common.no_product_available') }}</div></div>
{% endif %}
</div>
{% endblock %}