{% extends "authentic2/base-page.html" %}
{% load i18n %}


{% if service_custom_appearance %}
  {% block css %}
    {{ block.super }}
    {% firstof generic_service_colour service_colour service_ou_colour as colour %}
    {% if colour %}
      <style>
        div.a2-profile-block {
          color: {{ colour }};
        }
      </style>
    {% endif %}
  {% endblock %}
{% endif %}

{% block title %}
  {{ view.title }}
{% endblock %}

{% block breadcrumb %}
  {{ block.super }}
  <a href="{% url 'account_management' %}">{% trans "Your account" %}</a>
  <span>{{ view.title }}</span>
{% endblock %}

{% block content %}
  <div id="a2-profile-blocks">
    <div id="a2-credentials" class="a2-profile-block">
      {% if auth_blocks %}
        <h3>{% trans "Means of authentication" %}</h3>
        {% for block in auth_blocks %}
          {{ block|safe }}
        {% endfor %}
      {% endif %}

      {% if mfa_blocks %}
        <h3>{% trans "Multi-factor authentication" %}</h3>
        {% for block in mfa_blocks %}
          {{ block|safe }}
        {% endfor %}
      {% endif %}

      {% if recovery_blocks %}
        <h3>{% trans "Recovery factors" %}</h3>
        {% for block in recovery_blocks %}
          {{ block|safe }}
        {% endfor %}
      {% endif %}
    </div>
  </div>
{% endblock %}