{% extends 'knp_menu.html.twig' %}

{% block root %}
    <div class="page-menu inverted">
        <div class="container">
            <nav>
                {{ block('list') }}
            </nav>
            <div id="pageMenu-trigger">
                <i class="fa fa-bars"></i>
            </div>
        </div>
    </div>
{% endblock %}

{% block list %}
    <ul>
        {% for item in item.children %}
            {{ block('item') }}
        {% endfor %}
    </ul>
{% endblock %}

{% block item %}
    <li>
        <a href="{{ item.uri }}">{{ item.label|trans }}</a>
    </li>
{% endblock %}