{% extends "mvp/account/overview.html" %}
{% load i18n %}
{% comment %}
  `url … as` leaves the variable empty instead of raising, so a page allauth
  has not routed (phone numbers off, or no allauth) gets no card.
{% endcomment %}
{% block account.cards %}
  {{ block.super }}
  {% url "account_email" as email_url %}
  {% if email_url %}
    <c-card title="{% trans "Email" %}" icon="email">
      <c-text>{% trans "Add, remove and verify the addresses on your account, and choose the one we write to." %}</c-text>
      <c-slot name="footer">
        <c-button href="{{ email_url }}" variant="primary" size="sm">{% trans "Manage email" %}</c-button>
      </c-slot>
    </c-card>
  {% endif %}
  {% url "account_change_password" as password_url %}
  {% if password_url %}
    <c-card title="{% trans "Password" %}" icon="password">
      <c-text>{% trans "Change the password you sign in with, or set one if you do not have one yet." %}</c-text>
      <c-slot name="footer">
        <c-button href="{{ password_url }}" variant="primary" size="sm">{% trans "Change password" %}</c-button>
      </c-slot>
    </c-card>
  {% endif %}
  {% url "account_change_phone" as phone_url %}
  {% if phone_url %}
    <c-card title="{% trans "Phone number" %}" icon="phone">
      <c-text>{% trans "Add or change the phone number on your account." %}</c-text>
      <c-slot name="footer">
        <c-button href="{{ phone_url }}" variant="primary" size="sm">{% trans "Change phone number" %}</c-button>
      </c-slot>
    </c-card>
  {% endif %}
  {% url "socialaccount_connections" as connections_url %}
  {% if connections_url %}
    <c-card title="{% trans "Connected accounts" %}" icon="link">
      <c-text>{% trans "See the accounts you can sign in with, connect another one, or remove one." %}</c-text>
      <c-slot name="footer">
        <c-button href="{{ connections_url }}" variant="primary" size="sm">{% trans "Manage connected accounts" %}</c-button>
      </c-slot>
    </c-card>
  {% endif %}
  {% url "mfa_index" as two_factor_url %}
  {% if two_factor_url %}
    <c-card title="{% trans "Two-factor authentication" %}" icon="lock">
      <c-text>{% trans "Add a second step to signing in, so a stolen password is not enough on its own." %}</c-text>
      <c-slot name="footer">
        <c-button href="{{ two_factor_url }}" variant="primary" size="sm">{% trans "Manage two-factor authentication" %}</c-button>
      </c-slot>
    </c-card>
  {% endif %}
  {% url "usersessions_list" as sessions_url %}
  {% if sessions_url %}
    <c-card title="{% trans "Sessions" %}" icon="login">
      <c-text>{% trans "See the browsers and devices signed in to your account, and sign out the others." %}</c-text>
      <c-slot name="footer">
        <c-button href="{{ sessions_url }}" variant="primary" size="sm">{% trans "Manage sessions" %}</c-button>
      </c-slot>
    </c-card>
  {% endif %}
{% endblock account.cards %}