{% set local = app.request.locale %}
{#{% cache "side_bar_categories" ttl(1000) %}#}
<div id="sidebarMenu">
<img src="{{ asset('app/pharmonline.svg') }}" alt="eshop pharmonline logo" class="img-fluid" width="150">
<div class="accordion accordion-flush sidebarAccordion" id="accordionFlushExample">
<h5 class="py-3 text-center">{{ "Catégories des produits" | trans }}</h5>
{% for category in categories %}
{% set childCount = category.child | length %}
{% if childCount > 0 %}
<div class="accordion-item">
<h2 class="accordion-header" id="{{ category.id }}">
<button class="accordion-button collapsed sidebar-list-item" type="button"
data-bs-toggle="collapse"
data-bs-target="#{{ "cat" ~ category.id }}" aria-expanded="false"
aria-controls="{{ "cat" ~ category.id }}">
{{ local == "de" ? category.name : category.name | lower | capitalize }}
</button>
</h2>
<div id="{{ "cat" ~ category.id }}" class="accordion-collapse collapse"
aria-labelledby="flush-headingOne"
data-bs-parent="#accordionFlushExample">
<div class="accordion-body">
<ul class="sidebarMenuInner list-group list-group-flush px-2">
{% for child in category.child %}
<li class="list-group-item list-group-item-action">
<a href="{{ path('app_shop', {
categories: [child.id]|json_encode,
"brands": [],
"min": 1.00,
"max": 100.00
}) }}" class="text-decoration-none text-dark">{{ local == "de" ? child.name : child.name | lower | capitalize }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
{% else %}
<div class="accordion-item">
<h2 class="accordion-header" id="{{ category.id }}">
<a class="accordion-button collapsed no-child sidebar-list-item" href="{{ path('app_shop', {
categories: [category.id]|json_encode,
"brands": [],
"min": 1.00,
"max": 100.00
}) }}">
{{ local == "de" ? category.name : category.name | lower | capitalize }}
</a>
</h2>
</div>
{% endif %}
{% endfor %}
</div>
</div>
<div class="sidebarBg"></div>
{#{% endcache %}#}