{% from "components/icon.html" import Icon %}

<header class="topbar">
  <nav class="topbar__navigation">
    <a href="{{ url_for('atst.home') }}" class="topbar__link topbar__link--home">
      {{ Icon('shield', classes='topbar__link-icon') }}
      <span class="topbar__link-label">
        {{ "navigation.topbar.jedi_cloud_link_text" | translate }}
      </span>
    </a>
    <div class="topbar__context">
      {% if g.current_user %}
        <a href="{{ url_for('users.user') }}" class="topbar__link">
          {{ Icon('avatar', classes='topbar__link-icon') }}
          <span class="topbar__link-label">{{ g.current_user.first_name + " " + g.current_user.last_name }}</span>
        </a>
        <a href="{{ url_for('atst.helpdocs') }}" class="topbar__link">
          {{ Icon('question', classes='topbar__link-icon') }}
          <span class="topbar__link-label">Support</span>
        </a>

        <a href="{{ url_for('atst.logout') }}" class="topbar__link" title='{{ "navigation.topbar.logout_link_title" | translate }}'>
          <span class="topbar__link-label">Logout</span>
          {{ Icon('logout', classes='topbar__link-icon') }}
        </a>
      {% else %}
        <a href="{{ url_for('atst.home') }}" class="topbar__link" title='Log in'>
          <span class="topbar__link-label">{{ "base_public.login" | translate }}</span>
          {{ Icon('avatar', classes='topbar__link-icon') }}
        </a>
      {% endif %}
    </div>
  </nav>
</header>