{% load scanpipe_tags %}
{% scancodeio_version_tag as SCANCODEIO_VERSION %}
{% scancode_toolkit_version_tag as SCANCODE_TOOLKIT_VERSION %}
<nav class="navbar is-dark mb-4 border-bottom-radius" aria-label="main navigation">
  <div class="navbar-brand ml-3">
    <a class="navbar-item is-block is-size-4 has-text-weight-bold" href="/">
      ScanCode<span class="nexb-orange">.</span>io
    </a>
  </div>
  <div class="navbar-menu">
    <div class="navbar-start">
      <a class="navbar-item" href="{% url 'project_list' %}">
        <span class="icon mr-1">
          <i class="fa-solid fa-seedling"></i>
        </span>
        Projects
      </a>
      <a class="navbar-item" href="https://scancodeio.readthedocs.org/" target="_blank">
        <span class="icon mr-1">
          <i class="fa-solid fa-book"></i>
        </span>
        Documentation
      </a>
      <a class="navbar-item" href="{% url 'project-list' %}">
        <span class="icon mr-1">
          <i class="fa-solid fa-plug"></i>
        </span>
        API
      </a>
    </div>
  </div>
  <div class="navbar-end mr-3">
    {% include 'scanpipe/includes/navbar_theme_selection.html' %}
    {% if user.is_authenticated %}
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">
          {{ user.username }}
        </a>
        <div class="navbar-dropdown is-right">
          <a class="navbar-item" href="{% url 'account_profile' %}">
            <span class="icon mr-1">
              <i class="fa-solid fa-user-circle"></i>
            </span>
            Profile settings
          </a>
          <hr class="navbar-divider">
          <div class="navbar-item">
            <i>ScanCode.io {{ SCANCODEIO_VERSION }}</i>
          </div>
          <div class="navbar-item">
            <i>ScanCode-toolkit {{ SCANCODE_TOOLKIT_VERSION }}</i>
          </div>
          <hr class="navbar-divider">
          <form id="logout-form" method="post" action="{% url 'logout' %}">
            {% csrf_token %}
            <button class="navbar-item button is-white is-fullwidth is-justify-content-flex-start" type="submit">
              <span class="icon mr-1">
                <i class="fa-solid fa-power-off"></i>
              </span>
              Sign out
            </button>
          </form>
        </div>
      </div>
    {% else %}
      <div class="navbar-item navbar-item is-cursor-help">
        <div class="dropdown is-right is-hoverable">
          <div class="dropdown-trigger has-text-grey-light">
            v{{ SCANCODEIO_VERSION }}
          </div>
          <div class="dropdown-menu" role="menu" style="min-width: 13rem;">
            <div class="dropdown-content">
              <div class="dropdown-item">
                ScanCode-toolkit: v{{ SCANCODE_TOOLKIT_VERSION }}
              </div>
            </div>
          </div>
        </div>
      </div>
    {% endif %}
  </div>
</nav>