{% extends '@SyliusShop/layout.html.twig' %}
{% import '@SyliusShop/Common/Macro/messages.html.twig' as messages %}
{% block title %}{{ 'app.ui.brands'|trans }} | {{ parent() }}{% endblock %}
{% block content %}
<div class="px-2">
<div class="max-container-5 px-0">
{% block breadcrumb %}
{% include '@SyliusShop/Brand/Index/_breadcrumb.html.twig' %}
{% endblock %}
<div class="py-2 py-md-3 my-2 text-center">
{% include '@SyliusShop/Brand/Index/_header.html.twig' %}
</div>
{% if brands|length > 0 %}
<div class="row mx-n2 mx-md-n3 py-md-4 py-3">
{% for brand in brands %}
<div class="col-lg-3 col-md-4 col-6 px-2 px-md-3 mb-lg-5 mb-md-4 mb-3">
<div class="h-100 bg-kit border">
<a href="{{ path('app_shop_brand_product_index', {'code' : brand.code}) }}" >
{% include "@SyliusShop/Brand/Box/_content.html.twig" with {'brand' : brand } %}
</a>
</div>
</div>
{% endfor %}
</div>
{% else %}
<div class="max-content text-center py-4">
<div class="d-inline-block">{{ messages.info('app.common.no_brand') }}</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}