{% load static %}
{% load compress %}
{% load i18n %}

{% block content %}
{% compress js %}
<script type="module" src="{% static "js/clinicalcode/components/navigation.js" %}"></script>
{% endcompress %}

<nav class="page-navigation">
  <div class="page-navigation__container">
    {% url 'concept_library_home' as home_url %}
    <a href="{{ home_url }}" id="Logourl">
      <div class="page-navigation__logo"></div>
    </a>

    <div class="page-navigation__buttons"></div>

    <div class="page-navigation__items">
      {% block search_bar %}
      {% include "components/navigation/search_navigation.html" %}
      {% endblock search_bar %}

      {% if request.BRAND_OBJECT.allowed_tabs is none or 'home' in request.BRAND_OBJECT.allowed_tabs %}
        {% url 'concept_library_home' as home_url %}
        <a href="{{ home_url }}" id="Home">Home</a>
      {% endif %}

      {% if IS_DEMO or IS_DEVELOPMENT_PC %}
        {% url 'search_phenotypes' as entity_url %}
        <a href="{{ entity_url }}" id="Phenotypes" data-root="search,update,create">Phenotypes</a>
      {% endif %}

      {% if request.BRAND_OBJECT.allowed_tabs is none or 'api' in request.BRAND_OBJECT.allowed_tabs %}
        {% url 'api:root' as api_url %}
        <a href="{{ api_url }}" id="API" data-root="api">API</a>
      {% endif %}

      {% block about_wrapper %}
        {% include "components/base/about_menu.html" %}
      {% endblock about_wrapper %}

        
      {% url 'login' as login_url %}
      {% if not user.is_authenticated %}
        <!-- Need to change to profile later -->
        <a href="{{ login_url }}?next={{ request.path|urlencode }}" id="Login" role="login">Login</a>
      {% else %}
        {% block profile_wrapper %}
          {% include "components/base/profile_menu.html" %}
        {% endblock profile_wrapper %}
      {% endif %}
    </div>
  </div>
</nav>
<div class="page-navigation__overlay"></div>
{% endblock content %}