{% if app.user is not same as(NULL) %}
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary-dark">
        <div class="container">

            <div class="navbar-auth">
                <span class="auth-name">{{ app.user.firstname }} {{ app.user.lastname }}</span>
                <span><a href="{{ path('ravAccount') }}" title="">Mon compte</a></span>
                <span><a href="{{ path('ravLogout') }}" title="">Déconnexion</a></span>
            </div>

            <a class="navbar-brand order-md-last" href="{{ path('ravBooks') }}" title="Page d'accueil">
                <img src="{{ asset("img/logo_navbar_color.svg") }}" height="48" alt="Logo Ravive">
            </a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="{{ path('ravBooks') }}">Ma bibliothèque</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{ path('ravContact') }}">Aide & contact</a>
                    </li>
                    {% if is_granted('ROLE_ADMIN') %}
                        <li class="nav-item">
                            <a class="nav-link" href="{{ path('ravAdmin') }}">Menu ADMIN</a>
                        </li>
                    {% endif %}
                </ul>
            </div>

        </div>
    </nav>
{% else %}
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary-dark">
        <div class="container">

            <div class="navbar-auth">
                <span class="auth-name">Connexion</span>
                <span><a href="{{ path('ravRegister') }}" title="">S'enregistrer</a></span>
            </div>

            <a class="navbar-brand order-md-last" href="{{ path('ravHome') }}" title="Page d'accueil">
                <img src="{{ asset("img/logo_navbar.svg") }}" height="48" alt="Logo Ravive">
            </a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <form action="{{ path('ravLogin') }}" method="post">
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <input class="log-passwd" maxlength="" placeholder="Identifiant*" type="text" name="_username" value="{% if last_username is defined %}{{ last_username }}{% endif %}">
                    </li>
                    <li class="nav-item">
                        <input class="log-passwd" maxlength="" placeholder="Mot de passe*" type="password" name="_password">
                    </li>
                    <li class="nav-item">
                        <input class="nav-box" id="connect" type="submit" value="Connexion">
                    </li>
                </ul>
                </form>
            </div>

        </div>
    </nav>
    {% if error is defined %}
        {% if error.messageKey is defined %}
            <div class="alert alert-danger">
                {{ error.messageKey }}
            </div>
        {% endif %}
    {% endif %}
{% endif %}