<div class="sidebar-navigation-product">
<strong class="title">Filtrer par catégories</strong>
<ul>
{% for item in categories_tree %}
<li>
<span class="categ position-relative d-flex justify-content-between {{categorie is defined and categorie != null and categorie.id == item.id ?'active':''}}">
<a class="" href="{{path('page',{slug:item.slug})}}">{{item.titre}}
{# {% if item.sous_categories is defined and item.sous_categories is not empty %}<i class="fa fa-chevron-down"></i>{% endif %} #}
</a>
{% if item.sous_categories is defined and item.sous_categories is not empty %}
{% if categorie is defined and categorie != null and categorie.id == item.id %}
<span class="up-cat click-categorie position-relative"></span>
{% else %}
<span class="down-cat click-categorie position-relative"></span>
{% endif %}
{% endif %}
</span>
{% if item.sous_categories is defined and item.sous_categories is not empty %}
<ul class="{{categorie is defined and categorie != null and categorie.id == item.id?'d-block':''}}">
{% for item_sous_categorie in item.sous_categories %}
<li>
<span class="sous-categ position-relative d-flex justify-content-between {{sous_categorie is defined and sous_categorie != null and sous_categorie.id == item_sous_categorie.id ?'active':''}}">
<a class="" href="{{path('page_sous_categorie',{categorie1:item.slug,categorie2:item_sous_categorie.slug})}}">{{item_sous_categorie.titre}}
{# {% if sous_categorie.sous_sous_categories is defined and sous_categorie.sous_sous_categories is not empty %}<i class="fa fa-chevron-down"></i>{% endif %} #}
</a>
{% if item_sous_categorie.sous_sous_categories is defined and item_sous_categorie.sous_sous_categories is not empty %}
{% if sous_categorie is defined and sous_categorie != null and sous_categorie.id == item_sous_categorie.id %}
<span class="up-cat click-categorie position-relative"></span>
{% else %}
<span class="down-cat click-categorie position-relative"></span>
{% endif %}
{% endif %}
</span>
{% if item_sous_categorie.sous_sous_categories is defined and item_sous_categorie.sous_sous_categories is not empty %}
<ul class="subMenu3 {{ sous_categorie is defined and sous_categorie != null and sous_categorie.id == item_sous_categorie.id?'d-block':''}}">
{% for item_sous_sous_categorie in item_sous_categorie.sous_sous_categories %}
<li><a class="{{sous_sous_categorie is defined and sous_sous_categorie != null and sous_sous_categorie.id == item_sous_sous_categorie.id ?'active':''}}" href="{{path('page_sous_sous_categorie',{categorie1:item.slug,categorie2:item_sous_categorie.slug,categorie3:item_sous_sous_categorie.slug})}}">{{item_sous_sous_categorie.titre}}</a></li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</div>