{% load i18n static %}

{% if not is_popup %}
  <div class="fixed-top">
    <!-- TOP NAVIGATION -->
    <nav class="navbar navbar-expand-lg navbar-light bg-body border-bottom shadow-sm py-35" aria-label="Fifth navbar example" style="min-height: 71px;">
      <div class="container-fluid">

        {% block navbar_brand %}
          <a href="{{ site_root }}" class="align-items-center ff-exo fs-4 fw-bold me-4 text-dark text-decoration-none">
            <img src="{% static 'simpelmin/img/logo_light.svg' %}" style="height: 42px;">
          </a>
        {% endblock %}

        {% comment %}
        <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse" id="navbarsExample05" style="">
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Link</a>
            </li>
            <li class="nav-item">
              <a class="nav-link disabled">Disabled</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="dropdown05" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
              <ul class="dropdown-menu" aria-labelledby="dropdown05">
                <li><a class="dropdown-item" href="#">Action</a></li>
                <li><a class="dropdown-item" href="#">Another action</a></li>
                <li><a class="dropdown-item" href="#">Something else here</a></li>
              </ul>
            </li>
          </ul>
        </div>
        {% endcomment %}

        <div class="me-auto"></div>

        {% block navbar_buttons %}{% endblock navbar_buttons %}
        {% block navbar_account %}
          {% if request.user.is_authenticated %}
          <div class="dropdown text-end">
            <a href="#" class="d-block dropdown-toggle link-dark rounded-circle text-decoration-none user_link" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">
              <div class="media d-flex align-items-center">
                <img class="avatar rounded-circle" width="32" height="32" src="{{ user.avatar }}">
              </div>
            </a>
            <ul class="dropdown-menu shadow-sm dropdown-menu-end text-small" aria-labelledby="dropdownUser1">
              {% block account_menu %}{% endblock account_menu %}
            </ul>
          </div>
          {% endif %}
        {% endblock navbar_account %}

      </div>
    </nav>
    <!-- TOP NAVIGATION -->
  </div>
{% endif %}
