blogben/templates/_menu.html.twig

<header id="header">
    <nav class="navbar" data-controller="menuburger">
        <a href="{{ path('app_index') }}" class="logo">{{ site_title }}</a>
        <div class="nav-links" data-menuburger-target="navlinks">
            <ul>
                <li><a href="{{ path('app_index') }}">Blog</a></li>
                <li><a href="{{ path('app_page_contact') }}">Contact</a></li>
                {% if is_granted('ROLE_AUTHOR') %}
                <li>
                    <a href="#">Administration</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>
</header>