{% extends "ui/page.html" %}

{% load crispy_forms_tags i18n static ui %}

{% block title %}{{ title }} | {% translate 'Account' %}{% endblock %}

{% block page_body %}
  <div class="container">
    <p class="display-6 my-3">{% translate 'Account' %}</p>

    {% include 'ui/accounts/partials/nav.html' with active_tab=active_tab %}

    {% if is_federated %}
    <div class="alert alert-info my-3" role="alert">
      <h4 class="alert-heading">{% translate 'Heads up!' %}</h4>
      <p class="lead mb-0">
        {% blocktranslate %}
          Your account is federated from an external provider. You can update
          your details in your Identity Provider.
        {% endblocktranslate %}
      </p>
    </div>
    {% endif %}

    {% crispy form %}
  </div>
{% endblock %}