{% load static i18n %}
<div class="navigation wrapper wrapper--full wrapper--centered column column--spaced column--centered">
<a class="logo" title="{% trans 'Afficher la page d\'accueil' %}" href="{% url 'index' %}">
<img src="{% static 'img/logo.png' %}" alt="{% trans 'Logo de GeoFormation' %}">
</a>
<nav class="menu">
<button class="menu__btn">
<span></span>
<span></span>
<span></span>
</button>
<ul class="column column--right column--centered">
{% with url_name=request.resolver_match.url_name %}
<li class="menu__el {% if url_name == 'index' %}menu__el--active{% endif %}">
<a title="{% trans 'Accéder à la page: Accueil' %}" href="{% url 'index' %}">
{% trans 'Accueil' %}
</a>
</li>
<li class="menu__el {% if url_name == 'courses' %}menu__el--active{% endif %}">
<a title="{% trans 'Accéder à la page: Formations' %}" href="{% url 'courses' %}">
{% trans 'Formations' %}
</a>
</li>
{% comment %}
<li class="menu__el {% if url_name == 'contact_list' %}menu__el--active{% endif %}">
<a title="{% trans 'Accéder à la page: Contact' %}" href="{% url 'contact_list' %}">
{% trans 'Contact' %}
</a>
</li>
{% endcomment %}
{% if can_show_admin is True %}
<li class="menu__el">
<a title="Accéder au site d'administration" href="/gdfcm/admin">
Admin
</a>
</li>
{% endif %}
<li class="menu__el dropdown">
<a class="navigation__user" title="{% trans 'Accéder à mon compte' %}" href="#">
<img src="{% static 'img/icon__user.svg' %}" alt="{% trans 'Icône profil' %}">
</a>
<div class="dropdown__menu dropdown__menu--account">
{% if access_token %}
<a class="btn btn--full" title="{% trans 'Accéder à mon compte' %}" href="{% url 'user_account' %}">{% trans 'Accéder à mon compte' %}</a>
<p><a class="link" href="{% url 'logout' %}">{% trans 'Déconnexion' %}</a></p>
{% else %}
<a class="btn btn--full" title="{% trans 'Se connecter' %}" href="{% url 'login' %}">{% trans 'Se connecter' %}</a>
<p> <span class="text--italic">{% trans 'Pas de compte ?' %}</span> <a class="link" href="{% url 'register' %}" target="_blank">{% trans 'Je m\'inscris' %}</a></p>
{% endif %}
</div>
</li>
{% endwith %}
</ul>
</nav>
</div>