
<div class="navigation">
    <div class="n1">
        <div>
           <i id="menu-btn" class="bi bi-list"></i>               
        </div>
    </div>
   
    <div class="profile">
        <i class="bi bi-bell"></i> 
        <div class="dropdown">
            {% if user.is_authenticated %}
            <a class="dropbtn" href="#" role="button" id="menu-usuario" aria-expanded="false"><img src=" {{user.foto.url }}"></a>
            {% else %}
            <a class="dropbtn" href="#" role="button" id="menu-usuario" aria-expanded="false"><img src="static/images/auster.jpg"></a>
            {% endif %}
            <div class="dropdown-content">
                {% if user.is_authenticated %}
                <a class="dropdown-item">{{ user.nombre }}</a>
                <a href="{% url 'logout' %}">
                    <form method="post" action="{% url 'logout' %}" >
                    {% csrf_token %}
                    <button class="boton-salir" type="submit">Salir</button>
                </form></a>
                {% else %}
                <a href="{% url 'login' %}">Iniciar Sesión</a>
                {% endif %}
            </div>
        </div>
    </div>
</div>