{% block header_wrapper %} 
{% block header_account %}
<div class="container-fluid">
  <nav class="navbar navbar-inverse">
    <div class="container-fluid">
      <div class="navbar-header">
        <!-- <a class="navbar-brand" href="{{ h.url_for('home') }}">
          <img src="/img/red.png" alt="{{ g.site_title }}" title="{{ g.site_title }}" />
        </a> -->
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>

      <div class="collapse navbar-collapse" id="menu">
        {% block header_account_container_content %}
        {% if c.userobj %}
        <div class="account avatar authed" data-module="me" data-me="{{ c.userobj.id }}">
          <ul class="nav navbar-nav navbar-right">
            {% block header_account_logged %}
            {% if c.userobj.sysadmin %}
            <li>
              <a href="{{ h.url_for(controller='admin', action='index') }}" title="{{ _('Sysadmin settings') }}">
                <i class="fa fa-gavel" aria-hidden="true"></i>
                <span class="text">{{ _('Admin') }}</span>
              </a>
            </li>
            {% endif %}
            <li>
              <a href="{{ h.url_for(controller='user', action='read', id=c.userobj.name) }}" class="image" title="{{ _('View profile') }}">
                {{ h.gravatar((c.userobj.email_hash if c and c.userobj else ''), size=22) }}
                <span class="username">{{ c.userobj.display_name }}</span>
              </a>
            </li>
            {% set new_activities = h.new_activities() %}
            <li class="notifications {% if new_activities > 0 %}notifications-important{% endif %}">
              {% set notifications_tooltip = ngettext('Dashboard (%(num)d new item)', 'Dashboard (%(num)d new items)', new_activities) %}
              <a href="{{ h.url_for(controller='user', action='dashboard') }}" title="{{ notifications_tooltip }}">
                <i class="fas fa-tachometer-alt" aria-hidden="true"></i>
                <span class="text">{{ _('Dashboard') }}</span>
                <span class="badge">{{ new_activities }}</span>
              </a>
            </li>
            {% block header_account_settings_link %}
            <li>
              <a href="{{ h.url_for(controller='user', action='edit', id=c.userobj.name) }}" title="{{ _('Edit settings') }}">
                <i class="fa fa-cog" aria-hidden="true"></i>
                <span class="text">{{ _('Settings') }}</span>
              </a>
            </li>
            {% endblock %}
            {% block header_account_log_out_link %}
            <li>
              <a href="{{ h.url_for('/user/_logout') }}" title="{{ _('Log out') }}">
                <i class="fas fa-sign-out-alt" aria-hidden="true"></i>
                <span class="text">{{ _('Log out') }}</span>
              </a>
            </li>
            {% endblock %}
            {% endblock %}
          </ul>
        </div>
        {% else %}
        <ul class="nav navbar-nav navbar-right">
          {% block header_account_notlogged %}
          <li>{% link_for _('Log in'), controller='user', action='login' %}</li>
          {% if h.check_access('user_create') %}
          <li>{% link_for _('Register'), controller='user', action='register', class_='sub' %}</li>
          {% endif %}
          {% endblock %}
        </ul>
        {% endif %}
        {% endblock %}
      </div>
    </div>
  </nav>
</div>
{% endblock %}

<div class="header">
  <a class="header-image" href="/">
    <img src="/img/logo.png" />
  </a>

  <div class="header-menu">
    <a href="/dataset" class="header-menu-items">
      Conjunto de datos
    </a>
    <a href="/group" class="header-menu-items">
      Categorías
    </a>
    <a href="/organization" class="header-menu-items">
      Organizaciones
    </a>
    <a href="/pages" class="header-menu-items">
      Documentación
    </a>
    <div class="dropdown">
      <a id="dropdownMenu1" class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <span>Acerca de </span><i class="far fa-arrow-alt-circle-down"></i>
      </a>
      <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu1" role="menu">
        <li><a href="/pages/el-portal">El portal</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="/pages/que-son-datos-abiertos">¿Qué son datos abiertos?</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="/pages/glosario">Glosario</a></li>
      </ul>
    </div>
  </div>
</div>

{% endblock %}