{% if category.products|length > 0 %}
{% for product in category.products %}
{% if product.active and product.translate.price > 0 %}
<div class="col-lg-3 col-md-6 col-12 mb-4">
<div class="category__item" data-kod-zb="{{ product.id }}">
<a href="{{ product|trans_path }}">
<div class="category__tag {% if product.newProduct != 0 %} is-new{% endif %}">{{ 'Novinka'|trans }}</div>
<div class="category__content">
<div class="category__img">
{% if product.file is defined and product.file is not empty %}
<span style="background-image: url('{{ (path_media ~ '/' ~ product.file.directoryName ~ '/' ~ product.file.media) | imagine_filter('media_thumbnail') }}')">
<img src="{{ (path_media ~ '/' ~ product.file.directoryName ~ '/' ~ product.file.media) | imagine_filter('media_thumbnail') }}" alt="{{ product.file.alt|default() }}">
</span>
{% endif %}
</div>
<h2 class="category__name">
{{ product.translate.name }}
</h2>
<p class="category__quantity">
{{ product.translate.units }}
</p>
<p class="category__price">
{{ product.price|number_format(0, '.', ' ') }} {{ 'Kč'|trans }}
</p>
<div class="category__other">
{% if not product.soldOut %}
<div class="category__row">
<div class="category__counter">
<div class="counter">
<div class="counter__row">
<div class="counter__minus js-counter-minus">
<div class="icon icon--minus"></div>
</div>
<div class="counter__input">
<input type="text" value="1" class="js-counter-input">
<span>{{ 'ks'|trans }}</span>
</div>
<div class="counter__plus js-counter-plus">
<div class="icon icon--plus"></div>
</div>
</div>
</div>
</div>
<div class="category__btn js-add-to-cart" data-path="{{ path('cart_add', {_locale: category.currentLocale, id: 0, amount: 0}) }}">
<span class="button button--item button--category">{{ 'Do košíku'|trans }}</span>
</div>
</div>
{% else %}
<div class="category__row category__row--sold justify-content-center">{{ 'Vyprodáno'|trans }}</div>
{% endif %}
</div>
</div>
{% if not product.soldOut %}
<div class="category__item__add"><div class="category__item__add__icon"></div><div class="category__item__add__text"></div></div>
{% endif %}
</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}