<nav id="nav" class="navbar" role="navigation" aria-label="main navigation">
  {% load static %}
  <div class="navbar-brand">
    <a class="navbar-item" href="{% url 'home' %}">
      <img src="{% static 'img/logo-mauflix.png' %}" width="112" height="28">
    </a>
    {% if query %}
      {% include 'search-bar.html' with query=query %}
    {% else %}
      {% include 'search-bar.html' %}
    {% endif %}
    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>
  <div id="menu" class="navbar-menu force-display">
    <div class="navbar-start">
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">Más</a>
        <div class="navbar-dropdown">
          <a class="navbar-item" href="{% url 'about' %}" >Acerca</a>
          <a class="navbar-item" href="{% url 'help' %}" >Ayuda</a>
          <hr class="navbar-divider">
          {% if user.is_authenticated %}
            <a class="navbar-item" href="{% url 'logout' %}?next={{ request.path }}">Salir</a>
          {% else %}
            <a class="navbar-item" href="{% url 'login' %}?next={{ request.path }}">Ingresa</a>
          {% endif %}
          <!--
          <a class="navbar-item" href="{% url 'bugs' %}">Reporta un problema</a>
          -->
        </div>
      </div>
    </div>
  </div>
</nav>
