{% if settings_nav %}
  <nav class="gia-settings-nav" aria-label="Settings navigation">
    {% if settings_nav.groups %}
      <div class="tabs is-boxed is-small mb-2 security-page-tabs gia-settings-nav-groups">
        <ul>
          {% for tab in settings_nav.groups %}
            <li class="{% if tab.active %}is-active{% endif %}">
              <a href="{{ tab.href }}">{{ tab.label }}</a>
            </li>
          {% endfor %}
        </ul>
      </div>
    {% endif %}
    {% for row in settings_nav.rows %}
      {% if row.tabs|length > 1 %}
        <div class="tabs is-toggle is-toggle-rounded is-small security-page-tabs gia-settings-nav-row {% if forloop.last %}mb-4{% else %}mb-2{% endif %}">
          <ul>
            {% for tab in row.tabs %}
              <li class="{% if tab.active %}is-active{% endif %}">
                <a href="{{ tab.href }}">{{ tab.label }}</a>
              </li>
            {% endfor %}
          </ul>
        </div>
      {% endif %}
    {% endfor %}
  </nav>
{% endif %}