{% load notifications_tags %}
<nav class="navbar navbar-default" {% if collection %} style="margin-bottom: 5px;" {% endif %}>
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">{{ greeting }}</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="{% url 'home' %}">Iconolab</a>
    </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.id %}">
            {{request.user.username}} : 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' %}">Se déconnecter</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 }}">Se Connecter</a></li>
        {% endif %}
      </ul>
    </div><!--/.nav-collapse -->
  </div><!--/.container-fluid -->
</nav>
{% include "partials/header_breadcrumbs.html" %}
