{# templates/artisan/layout/ar_left_column.html.twig #}
<div class="col-md-2 menu-container">
    <div class="menu fixed">
        <ul class="level-1">
            {% for parent in menu %}
            <li>
                <a href="{% if parent.rubriques_url == '#' %}javascript:void(0);{% else %}{{ path('artisan_home') ~ '/' ~ parent.rubriques_url }}{% endif %}" 
                class="link-level-1{% if rubriques_id == parent.rubriques_id or rubriques_id in parent.sousmenu_ids %}-current{% endif %}{% if parent.rubriques_url == '#' %} lien-mort{% endif %}">
                    <i class="fa fa-chevron-{% if rubriques_id in parent.sousmenu_ids %}down{% else %}right{% endif %}" aria-hidden="true"></i>
                    {{ parent.rubriques_nom }}
                </a>
                <ul class="level-2"{% if rubriques_id in parent.sousmenu_ids %} style="display:block;"{% endif %}>
                    {% for children in parent.sous_menu %}
                    <li>
                        <a href="{% if children.sous_rubriques_url == '#' %}javascript:void(0);{% else %}{{ path('artisan_home') ~ '/' ~ children.sous_rubriques_url }}{% endif %}" class="link-level-2{% if children.sous_rubriques_id == rubriques_id %} current{% endif %}">
                            <i class="fa fa-{{ children.sous_rubriques_icone }} fawesome" aria-hidden="true" style="margin-right:6px;"></i>
                            {{ children.sous_rubriques_nom }}
                        </a>
                    </li>
                    {% endfor %}
                </ul>
            </li>
            {% endfor %}
        </ul>
    </div>
</div>
{# { dump(menu) } #}