{% import '@SyliusShop/Common/Macro/sectionHeaders.html.twig' as headers %}
{% for association in product.associations|filter(association => association.type.code != 'objem_balenia') %}
<div class="association-wrap">
<div class="association">
<div class="heading-wrap text-center row">
<div class="col-sm-8 offset-sm-2 col">
<h2 class="ico-header ico-header-center">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M7.601 16v-3.721c-.4.625-1.2 1.393-2.776 1.969 0 0 .4-1.369 1.528-2.289-1.04.225-2.608.193-4.752-.76 0 0 1.977-1.127 4.224-.822C4.552 9.6 2.96 8.063 1.736 4.888c0 0 3.6.984 5.392 4.024C5.504 4.992 8 0 8 0c1.944 4.375 1.528 7.28.896 8.879 1.801-3.016 5.368-3.992 5.368-3.992-1.224 3.176-2.816 4.712-4.088 5.489 2.248-.305 4.224.822 4.224.822-2.144.953-3.712.984-4.752.76 1.128.92 1.528 2.289 1.528 2.289C9.6 13.672 8.8 12.904 8.4 12.279V16h-.799z"></path></svg>
{{ 'product_view.recommended_products'|trans }}
</span>
</h2>
<p>{{ 'product_view.recommended_products_text'|trans }}</p>
</div>
</div>
{{ render(url('sylius_shop_partial_product_association_show', {'productId': product.id, 'id': association.id, 'template': '@SyliusShop/Product/Show/_association.html.twig'})) }}
</div>
</div>
{#{% else %}#}
{# <div class="association-wrap">#}
{# <div class="association">#}
{# <div class="association-content row row-cols-lg-5 row-cols-md-4 row-cols-sm-3 row-cols-2">#}
{# {{ render(url('sylius_shop_partial_product_index_latest', {'count': 5, 'template': '@SyliusShop/Product/_horizontalList.html.twig'})) }}#}
{# </div>#}
{# </div>#}
{# </div>#}
{% endfor %}