blogben/templates/_menu.html.twig

<nav class="navbar" data-controller="menuburger">
    <a href="#" class="logo">Opinions sur le réel</a>
    <div class="nav-links" data-menuburger-target="navlinks">
        <ul>
            <li><a href="{{ path('app_index') }}">Blog</a></li>
            <li><a href="#">Contact</a></li>
            {% if is_granted('ROLE_AUTHOR') %}
            <li>
                <a href="#">Administation</a>
                <ul>
                    <li><a href="{{ path('app_article_index') }}">Articles</a></li>
                </ul>
            </li>
            {% endif %}
            {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
            <li>
                <a href="#">{{ app.user }}</a>
                <ul>
                    <li><a href="{{ path('app_logout') }}">Se déconnecter</a></li>
                </ul>
            </li>
            {% else %}
            <li>
                <a href="{{ path('app_login') }}">Se connecter</a>
            </li>
            {% endif %}
        </ul>
    </div>
    <img src="{{ asset('images/menu-btn.png')}}" alt="Menu burger" class="menu-burger" data-action="click->menuburger#toggle">
</nav>