{% extends '@SyliusShop/layout.html.twig' %}
{% block content %}
<div class="brands">
<div class="container">
<div class="row d-flex flex-row">
{% for brand in brands %}
<div class="brands-details col-lg-2 m-2 d-flex justify-content-center align-items-center" style="border: 1px solid #f1f1f1; height:150px;
border-radius: 8px;
margin-bottom: 24px;">
<a href="#">
<div class="" style="min-height:70px">
{% if brand.imagesByType('logo') is not empty %}
{% set path = brand.imagesByType('logo').first.path|imagine_filter(filter|default('sylius_small')) %}
{% elseif brand.images.first %}
{% set path = brand.images.first.path|imagine_filter(filter|default('sylius_small')) %}
{% else %}
{% set path = '//placehold.it/120x90' %}
{% endif %}
<img src="{{ path }}" alt="" class="ui bordered image">
</div>
<h2 class="text-main">{{brand.name}}</h2>
<h2 class="text-main">
{# {% for br in brand.images %}</h2> #}
{# {% endfor %} #}
</a>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}