{% capture settings_path %}{% route account %}{% endcapture %}
{% capture transcript_path %}{% route transcript %}{% endcapture %}
{% capture order_history_path %}{% route order_history %}{% endcapture %}
{% if current_person.signed_in? %}
  {% unless current_school.sso_active? %}
    <nav class="np-tabs np-account-tabs">
      <div class="np-tabs-content">
        <div class="np-tab{% if page.path == settings_path %} np-tab-active{% endif %}">
          <a class="np-tab-link" href="{{ settings_path}}">
            <span class="lang-en-US">{% t.profile_settings %}</span>
            <span class="lang-es">Configuración de perfil</span>
            <span class="lang-fr">Paramètres du profil</span>
            <span class="lang-de">Profil Einstellungen</span>
            <span class="lang-en-GB">Profile Settings</span>
            <span class="lang-nl">Profielinstellingen</span>
            <span class="lang-pt-BR">Configurações de perfil</span>
          </a>
          <div class="np-tab-indicator np-button-background-color"></div>
        </div>
        <div class="np-tab{% if page.path == transcript_path %} np-tab-active{% endif %}">
          <a class="np-tab-link" href="{{ transcript_path }}">
            <span class="lang-en-US">{% t.transcript %}</span>
            <span class="lang-es">Transcripción</span>
            <span class="lang-fr">Transcription</span>
            <span class="lang-de">Transkript</span>
            <span class="lang-en-GB">Transcript</span>
            <span class="lang-nl">Afschrift</span>
            <span class="lang-pt-BR">Transcrito</span>
          </a>
          <div class="np-tab-indicator np-button-background-color"></div>
        </div>
        {% if features.commerce? %}
          <div class="np-tab{% if page.path == order_history_path %} np-tab-active{% endif %}">
            <a class="np-tab-link" href="{{ order_history_path }}">
              {% t.order_history %}
            </a>
            <div class="np-tab-indicator np-button-background-color"></div>
          </div>
        {% endif %}
        <div class="np-tab{% if page.path == "/app/badges" %} np-tab-active{% endif %}">
          <a class="np-tab-link" href="/app/badges">
            <span class="lang-en-US">Badges</span>
            <span class="lang-es">Insignias</span>
            <span class="lang-fr">Insignes</span>
            <span class="lang-de">Abzeichen</span>
            <span class="lang-en-GB">Badges</span>
            <span class="lang-nl">Insignes</span>
            <span class="lang-pt-BR">Emblemas</span>
          </a>
          <div class="np-tab-indicator np-button-background-color"></div>
        </div>
      </div>
    </nav>
  {% endunless %}
{% endif %}