{% extends 'product.html.twig' %}
{% block content %}
<main id="main" role="main">
{% include 'Shop/includes/productTopMenu.html.twig' with {'document': document, 'locale' : locale} %}
<div class="products-info same-height-holder">
<div class="container">
<div class="row">
{% if subCategories %}
{% for subCategory in subCategories %}
{% if valuesIndex[subCategory.getId()] is defined and valuesIndex[subCategory.getId()] > 0 %}
{% set url = editmode ? '' : subCategory.getDetailUrl({"rootCategory" : subCategory.parent, "document" : document}) %}
<div class="col-sm-4">
<div class="product-post hover-js" onclick="location.href='{{ url }}';">
<div class="img-holder">
{% if subCategory.getTypeImage() %}
{{ subCategory.getTypeImage().getThumbnail('alcoholtype').getHtml({"width" : 300, "height" : 222})|raw }}
{% endif %}
<div class="hover-overlay">
{% if subCategory.getChildren() %}
<ul>
{% for sub in subCategory.getChildren() %}
{% set suburl = editmode ? '' : sub.getDetailUrl({"rootCategory" : sub.parent, "document" : document}) %}
{% if valuesIndex[sub.getId()] is defined and valuesIndex[sub.getId()] > 0 %}
<li>
<a href="{{ suburl }}">
<span class="info">{{ sub.getName() }}</span>
<span class="amount">{{ valuesIndex[sub.getId()] }}</span>
</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</div>
</div>
<a href="{{ url }}" class="description same-height">
<strong class="text">{{ subCategory.getName() }}</strong>
<span class="digit">{{ valuesIndex[subCategory.getId()] }}</span>
</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
</main>
{% endblock %}