{# Modified for AlpesVertes.org #}
{% load i18n chimere_tags %}
<div class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <!--<div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>-->
    <div class="navbar-collapse collapse">

      <div class='navbar-left'>
      <ul class="nav navbar-nav">
    {% for action, subactions in actions %}
        {% ifequal action.id action_selected.0 %}{% if subactions %}
        {% for subaction in subactions %}
            <li{% ifequal subaction.id action_selected.1 %} class='active'{% endifequal %}>
                <a href='{{ subaction.url }}' onclick='saveExtent();'>{{ subaction.label }}</a>
            </li>
        {% endfor %}
        {% endif %}{% endifequal %}
    {% endfor %}
        {% if is_map %}
        <!--<li id='categories-lnk'{% if not has_search %} class='active'{% endif %}><a href='#categories' data-toggle='panel'><span class='fa fa-chimere-action'></span>{% trans "Categories "%}</a></li>-->
        {% if has_search %}
        <li id='search-lnk' class='active'><a href='#search-box' data-toggle='panel'>{% trans "Search" %}</a></li>
        {% endif %}    
        <li>{% routing %}</li>
        <li id='news-lnk'>
        <a data-toggle='modal' data-target="#news" href='#'>
          <span class='lbl'>{% trans "News"%}</span>
        </a>
        </li>
        {% if areas_visible %}{% display_areas %}
        {% endif %}
        {% endif %}
      </ul>
      </div>

      <div class='navbar-right'>

      <ul class="nav navbar-nav">
        <li class='selection-sep'> </li>

    {# AlpesVertes.org only display 'view', 'catgories' and 'contribute', the rest is in the footer #}
    {% for action, subactions in actions %}
        {% if action.id == "view" %}
        <li id='{{action.id}}-lnk'{% ifequal action.id action_selected.0 %} class="active"{% endifequal %}>
          <a href='{{ action.url }}' onclick='jQuery("#map").chimere("saveExtent");'>
            <span class='lbl'>Carte</span>
          </a>
        </li>
        {% elif action.id == "categories" %}
        <li id='{{action.id}}-lnk'{% ifequal action.id action_selected.0 %} class="active"{% endifequal %}>
          <a href='{{ action.url }}' onclick='jQuery("#map").chimere("saveExtent");'>
            <span class='lbl'>Annuaire</span>
          </a>
        </li>
        {% elif action.id == "contribute" %}
        <li id='{{action.id}}-lnk'{% ifequal action.id action_selected.0 %} class="active"{% endifequal %}>
          <a href='{{ action.url }}' onclick='jQuery("#map").chimere("saveExtent");'>
            <span class='lbl'>Proposer un lieu</span>
          </a>
        </li>
{#        {% else %}#} {# uncoment to activate other actions in the top navbar #}
{#        <li id='{{action.id}}-lnk'{% ifequal action.id action_selected.0 %} class="active"{% endifequal %}>#}
{#          <a href='{{ action.url }}' onclick='jQuery("#map").chimere("saveExtent");'>#}
{#            <span class='fa fa-chimere-action fa-chimere-{{ action.id }}'></span>#}
{#            <span class='lbl'>{{ action.label }}</span>#}
{#          </a>#}
{#       </li>#}
        {% endif %}
    {% endfor %}
        <li class='logo'><a href='/dyn/about/'><span class='lbl'>AlpesVertes.org</span><img src='{{ STATIC_URL }}chimere/img/logo_alpesvertes_250px.png' alt='logo' height='32'/></a></li>
      </ul>
      </div>

    </div>
  </div>
</div>