{% load static %}
{% load i18n %}
{% load mathfilters %}
{% load cl_extras %}
{% load svg %}

{% block content %}
  <!-- about tab -->
  <script type="text/javascript" src="{% static "js/clinicalcode/components/brandurls.js" %}"></script>
  <div class="nav-dropdown">
    {% include "components/navigation/avatar_component.html"  %}
    
    <div class="nav-dropdown__content" id="dropdown-account">
      <ul class="profile-row">
        <li class="content-container">
          {% if request.user.is_superuser and SHOWADMIN and not CLL_READ_ONLY %}
            <!--admin-->
            <a href="{% url 'admin:index' %}" target=_blank class="item-dropdown">
              <div class="item-dropdown__icon" id="admin_icon">
                {% svg "person_icon" %}
              </div>
              <div class="item-dropdown__title">Admin</div> 
            </a>
          {% endif %}
          <a href="{% url 'my_collection' %}" class="item-dropdown">
            <div class="item-dropdown__icon" id="collection_icon">
              {% svg "collection_icon" %}
            </div>
            <div class="item-dropdown__title">My collection</div> 
          </a>
        </li>
        <hr/>

        <!-- Brands -->
        {% if request.user.is_superuser  and request.session.all_brands %}
          {% include "components/navigation/dropdown_profile_item.html" with  currentBrand="" image="/static/img/brands/SAIL/apple-touch-icon.png" title="Concept Library" %}
          
          {% for brand in request.session.all_brands %}
            {% include "components/navigation/dropdown_profile_item.html" with  currentBrand=brand|upper  image=brand|getBrandLogo  title=brand|upper %}
          {% endfor %}
          
          <hr/>
        {% endif %}

        <!-- Logout -->
        <li class="content-container">
          <a href="{% url 'logout' %}?next={% url 'search_phenotypes' %}" class="item-dropdown">
            <div class="item-dropdown__icon" id="logout-icon">
              {% svg "exit_icon" %}
            </div>
            <div class="item-dropdown__title">Log out</div>
          </a>
        </li>
      </ul>
    </div>
  </div>
 
  <script type="text/javascript">
    const elements = document.querySelectorAll(".userBrand");
    elements.forEach(function(element) {
      element.addEventListener("click", function() {
        const [path,old_root] = generateOldPathRoot();
        brandUrlsgen("{{request.session.all_brands}}","{{IS_PRODUCTION_SERVER}}",element,old_root,path);  
      });
    });
  </script>
{% endblock content %}