{% load bootstrap3 %}{% load staticfiles %}
<nav class="navbar navbar-inverse navbar-fixed-side" role="navigation" id="menu">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="{% url 'index' %}">La Maraude ALSA</a>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">{% for app in apps %}{% if not app.disabled %}
        <li class="{% if app == active_app %}active{%endif%}">
          <a href="/{{app.label}}/">{% bootstrap_icon app.menu_icon %} &middot; <strong>{{ app.name|title }}</strong></a>
        </li>
        {% if app == active_app %}{% for t in app_menu %}{% include t %}{% endfor %}{% endif %}
        {% endif %}{%endfor%}
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a id="UserMenu" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
          <strong style="color:#fff;">{% bootstrap_icon "user" %} &middot; {{user}} </strong>&middot; {{ user_group }}<span class="caret"></span></a>
          <ul class="dropdown-menu" aria-labelledby="UserMenu">
            {% if user.is_authenticated %}
            {% if user.is_superuser %}<li><a href="{% url 'admin:index' %}">{% bootstrap_icon "wrench" %} Administration</a></li>{% endif %}
            <li><a href="{% url 'logout' %}">{% bootstrap_icon "log-out" %} Déconnecter</a></li>
            {% else %}
            <li>
              <form class="navbar-form navbar-left" method="post" action="">{% csrf_token %}
                {% if next %}
                <p class="well-sm text-center"><strong style="color:#980300;">Vous devez vous connecter<br/> pour accéder à cette page.</strong></p>
                <input name="next" value="{{next}}" hidden />
                {% endif %}
                <div class="form-group form-horizontal">
                  {% bootstrap_form form layout="horizontal" show_label=False %}
                </div>
                <div class="text-center"><button class="btn btn-primary navbar-button" type="submit">Connexion</button></div>
              </form>
            </li>
            {% endif %}
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>