{% set current_path = request.path %}

{% macro menu_link(title, link, icon="") %}
<a class="navbar-item{% if current_path == url_for(link) or (url_for(link) != '/' and current_path.startswith(url_for(link))) %} is-active{% endif %}"
   href="{{ url_for(link) }}">
   <h1>{% if icon %}<i class="fa {{ icon }}" aria-hidden="true"></i> {% endif %}{{ title }}</h1>
</a>
{% endmacro %}

<nav class="navbar has-shadow is-dark" role="navigation" aria-label="main navigation">
  <div class="container">
    <div class="navbar-brand">
      <a class="navbar-item" href="{{ url_for('frontend.homepage') }}">
        <img alt="SeedboxSync logo" src="{{ url_for('static', filename='logo.png') }}" /> SeedboxSync
      </a>
      <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false" tabindex="0" onkeydown="if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); this.click(); }">
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
      </a>
    </div>
    <div class="navbar-menu" id="navMenu">
      <div class="navbar-start">
        {% if config.LOGIN_DISABLED or current_user.is_authenticated %}
          {{ menu_link(_('Dashboard'), 'frontend.homepage') }}
          {{ menu_link(_('Downloaded'), 'frontend.downloaded') }}
          {{ menu_link(_('Uploaded'), 'frontend.uploaded') }}
          {{ menu_link(_('Info'), 'frontend.info') }}
          {{ menu_link(_('Stats'), 'frontend.stats') }}
        {% endif %}
      </div>

      {% if config.LOGIN_DISABLED %}
        <div class="navbar-end">
          {{ menu_link(_('Settings'), 'settings.seedboxsync') }}
        </div>
      {% elif current_user.is_authenticated %}
        <div class="navbar-item navbar-end has-dropdown is-hoverable">
          <a class="navbar-link">
            {% if seedboxsync_config.auth_gravatar_enabled %}<figure class="image is-24x24">
              <img class="is-rounded" src="{{ gravatar(current_user.email) }}" alt="{{ current_user.username }}">
            </figure>{% endif %}
            {{ current_user.username }}
          </a>
          <div class="navbar-dropdown">
            {{ menu_link(_('Settings'), 'settings.seedboxsync', 'fa-gear') }}
            {{ menu_link(_('Logout'), 'auth.logout', 'fa-sign-out' ) }}
          </div>
        </div>
      {% endif %}

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