{% load notifications_tags %}
{% load staticfiles %}

<header>
  <section id="topnav">
    <nav class="navbar navbar-default">
      <div class="{% if request.resolver_match.url_name == 'image_detail' %}container-fluid{% else %}container{% endif %}">
        <div class="navbar-header">
            {# {% if not homepage %} #}
              <a class="navbar-brand" href="{% url 'home' %}">
                <img src="{% static 'iconolab/img/iconolab.png' %}" alt="Iconolab" height="20">
              </a>
            {# {% endif %} #}
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li><a href="{% url 'iconolab_help' %}">Le projet</a></li>
            {% if collection_name %}<li><a href="{% url 'collection_home' collection_name %}">Contribuer</a></li>{% endif %}
          </ul>
          {% include "partials/header_search_form.html"%}
          <ul class="nav navbar-nav navbar-right">
            {% if request.user.is_authenticated %}
              {% notifications_unread as unread_count %}
              <li><a href="{% url 'user_home' request.user.username %}" title="{{request.user.username}}: Mon espace - {{ unread_count }} notification(s)">
                Mon espace <span class="badge {% if unread_count %}badge-warning{% endif %}">
                {{ unread_count }} <i class="fa fa-envelope-o" aria-hidden="true"></i> </span>
              </a></li>
              <li><a href="{% url 'account:logout' %}">Déconnexion</a></li>
            {% else %}
              <li><a href="{% url 'account:register' %}">Créer un compte</a></li>
              <li><a href="{% url 'account:login' %}?next={{ request.path | urlencode }}">Connexion</a></li>
            {% endif %}
          </ul>
        </div><!--/.nav-collapse -->
      </div><!--/.container-fluid -->
    </nav>
  </section>
</header>

<div class="{% if request.resolver_match.url_name == 'image_detail' %}container-fluid{% else %}container{% endif %}">
{% include "partials/header_breadcrumbs.html" %}
</div>
