films-symfony-4-2/templates/navbar.html.twig

<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
    </button>
    <a class="navbar-brand" href="{{ path('videotheque_liste') }}">Videothèque</a>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') %}
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link
                    {% if app.request.attributes.get('_route') == 'videotheque_liste' %}active{% endif %}"
                    href="{{ path('videotheque_liste') }}">Liste des films</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link
                    {% if app.request.attributes.get('_route') == 'prochaines_sorties' %}active{% endif %}"
                    href="{{ path('prochaines_sorties') }}">Prochaines sorties</a>
                </li>
            </ul>
        {% endif %}
        {%  if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
            <li class="nav-item">
                <a class="nav-link 
                {% if app.request.attributes.get('_route') == 'videothequepersonnelle_maliste' %}active{% endif %}"
                href="{{ path('videothequepersonnelle_maliste') }}">Ma liste à voir</a>
            </li>
            <li class="nav-item">
                <a class="nav-link
                {% if app.request.attributes.get('_route') == 'videotheque_liste' %}active{% endif %}"
                href="{{ path('videotheque_liste') }}">Films</a>
            </li>
            <li class="nav-item">
                <a class="nav-link
                {% if app.request.attributes.get('_route') == 'prochaines_sorties' %}active{% endif %}"
                href="{{ path('prochaines_sorties') }}">Prochaines sorties</a>
            </li>
            <li class="nav-item">
                <a class="nav-link
                {% if app.request.attributes.get('_route') == 'realisateur_liste' %}active{% endif %}"
                href="{{ path('realisateur_liste') }}">Réalisateurs</a>
            </li>
            {%  if is_granted('ROLE_MODERATEUR') %}
                <ul class="navbar-nav">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownAdmin" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Administration
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            {% if is_granted('ROLE_ADMIN') %}
                                <a class="dropdown-item" href="{{ path('admin_index') }}">Utilisateurs</a>
                                <div class="dropdown-divider"></div>
                            {% endif %}
                            <a class="dropdown-item" href="{{ path('genre_liste') }}">Liste des genres</a>
                        </div>
                    </li>
                </ul>
            {%  endif %}
        </ul>
        {% endif %}
        <ul class="navbar-nav">
            <li class="nav-item">
                <form class="me-auto" action="{{ path('search_recherche') }}">
                    <div class="input-group">
                        <input class="form-control mr-sm-2" name="q" type="text" placeholder="Rechercher" aria-label="Rechercher">
                        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Go</button>
                    </div>
                </form>
            </li>
        </ul>
        <ul class="navbar-nav">
        
            <li class="nav-item">
                <a href="#" class="nav-link" data-bs-toggle="modal" data-bs-target="#modalWindow"><i class="fa fa-info-circle fa-lg text-light nav-link" aria-hidden="true"></i></a>
            <li>
        </ul>
        {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
        <ul class="navbar-nav">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarHelpDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="fa fa-question-circle fa-lg"></i>
                </a>
                    <div class="dropdown-menu dropdown-menu-end p-4" aria-labelledby="navbarHelpDropdown" style="width: 400px;">
                            <p><i class="fa fa-bookmark fa-lg text-primary"></i> : Films que l'on souhaite voir. On les retrouve dans "Liste de mes films"</p>
                            <p><i class="fa fa-eye fa-lg text-success"></i> : Film qu'on a vu</p>
                            <p><i class="fa fa-eye-slash fa-lg text-secondary"></i> : Film qu'on n'a pas vu</p>
                    </div>
            </li>
        </ul>
        {% endif %}
        <ul class="navbar-nav">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarBellDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="fa fa-bell fa-lg"></i>
                </a>
                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarBellDropdown" style="width: 400px;">
                    <div class="list-group px-4 py-3">
                        {{ afficheNouveautes() | raw }}
                    </div>
                </div>
            </li>
        </ul>
        
        {#{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}#}
        
        {#{% endif %}#}
        {%  if not is_granted('IS_AUTHENTICATED_REMEMBERED') %}
            <ul class="navbar-nav">
                <li class="nav-item"><a class="nav-link" href="{{ path('app_login') }}">Se connecter</a></li>
            </ul>
        {% else %}
            <ul class="navbar-nav">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarUserDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        {{ app.user.nomComplet }}
                    </a>
                    <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarUserDropdown">
                        <a class="dropdown-item" href="{{ path('user_profil') }}"><i class="fa fa-user"></i> Profil</a>
                        <a class="dropdown-item" href="{{ path('user_preferences') }}"><i class="fa fa-cog"></i> Préférences</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="{{ path('app_logout') }}"><i class="fa fa-sign-out"></i> Se déconnecter</a>
                    </div>
                </li>
            </ul>
        {% endif %}
    </div>
</nav>