{% extends '@SyliusUi/Menu/simple.html.twig' %}

{% block root %}
    <nav class="menu" role="listitem">
        <header class="h4" aria-disabled="true">
            {{ item.label|trans }}
            <p class="m-0">
                <a href="{{ path('sylius_shop_logout') }}" class="link-secondary link-logout">
                    {% include '@SyliusShop/Icons/cross.html.twig' %}
                    {{ 'sylius.ui.logout'|trans }}
                </a>
            </p>
        </header>
        <ul class="list-links">
            {{ block('list') }}
        </ul>
    </nav>
{% endblock %}

{% block list %}
    {% for item in item.children %}
        {{ block('item') }}
    {% endfor %}
{% endblock %}

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