{% 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 aria-label="Navigation tabs" 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}}">
          {% t .profile_settings %}
        </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 }}">
          {% t .transcript %}
        </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>
  </nav>
{% endunless %}
{% endif %}
