{% load i18n static ui %}

<ul class="nav nav-tabs my-3">
  <li class="nav-item">
  {% if active_tab == 'profile' %}
    <a class="nav-link active" aria-current="page" href="#">
  {% else %}
    <a class="nav-link" href="{% url 'ui.accounts.settings.profile' %}">
  {% endif %}
      {% translate 'Profile' %}
    </a>
  </li>
  <li class="nav-item">
  {% if active_tab == 'password' %}
    <a class="nav-link active" aria-current="page" href="#">
  {% else %}
    <a class="nav-link" href="{% url 'ui.accounts.settings.password' %}">
  {% endif %}
      {% translate 'Password' %}
    </a>
  </li>
  <li class="nav-item">
  {% if active_tab == 'settings' %}
    <a class="nav-link active" aria-current="page" href="#">
  {% else %}
    <a class="nav-link" href="{% url 'ui.accounts.settings.settings' %}">
  {% endif %}
      {% translate 'Settings' %}
    </a>
  </li>
  <li class="nav-item">
  {% if active_tab == 'apps' %}
    <a class="nav-link active" aria-current="page" href="#">
  {% else %}
    <a class="nav-link" href="{% url 'ui.accounts.apps.index' %}">
  {% endif %}
      {% translate 'Apps' %}
    </a>
  </li>
</ul>