{% set nodeId = menuitem.uniqueId %}

<li id="{{ nodeId }}"
    {% if menuitem.folder %}
        data-jstree='{"type":"folder"}'
    {% elseif menuitem.offline %}
        data-jstree='{"type":"offline"}'
    {% elseif menuitem.hiddenFromNav %}
        data-jstree='{"type":"hidden-from-nav"}'
    {% endif %}
    {% if menuitem.attributes.page is defined %}
        {% if menuitem.attributes.page.icon is defined %}
            data-jstree='{{ {"icon": menuitem.attributes.page.icon}|json_encode }}'
        {% endif %}
        data-page="{{ menuitem.attributes.page|json_encode }}"
    {% endif %}
    class="{% if menuitem.active or treeLevel == 1 %}jstree-open{% endif %}{% if menuitem.offline %} jstree-node--offline{% endif %}"{% if menuitem.role %} rel="{{menuitem.role}}"{% endif %}>
    {% if menuitem.route %}
        <a href="{{ path(menuitem.route, menuitem.routeparams) }}" class="{% if currentMenuItem is not null and currentMenuItem.uniqueId == menuitem.uniqueId %}active{% endif %}">
            {{ menuitem.label | trans }}
        </a>
    {% else %}
        {{ menuitem.label | trans }}
    {% endif %}

    <ul>
    {% set treeLevel = treeLevel + 1 %}
    {% for menuitem in menuitem.navigationChildren %}
        {% include '@KunstmaanAdmin/Default/rectreeview.html.twig' %}
    {% endfor %}
    {% set treeLevel = treeLevel - 1 %}
    </ul>
</li>