{% load static %}
{% load i18n %}

{% if user.fc_account %}
  <dl id="fc-linking" class="pairs fc-linking-account with-account">
    <dt class="label fc-linking-account--label">{% trans "Linked FranceConnect identity:" %}</dt>
    <dd class="value fc-linking-account--value">
      <span class="fc-linking-account--name">{{ user.fc_account }}</span>{% if unlink %} <a class="fc-linking-account--unlink" href="{% url 'fc-unlink' %}">{% trans 'Delete link'%}</a>{% endif %}
    </dd>
  </dl>
{% else %}
  <div id="fc-linking" class="no-account">
    <div>{% trans "Link your user account to FranceConnect" %}</div>
    {% include "authentic2_auth_fc/explanation.html" %}
    <div id="fc-button-wrapper">
      <div id="fc-button">
        <a href="{{ link_url }}" class="button linking-button connexion">
          <span class="sr-only">{% trans "Link your user account to FranceConnect" %}</span>
        </a>
      </div>
    </div>
  </div>
{% endif %}
<div id="fc-explanation-link">
  <a href="{{ about_url }}" target="_blank" rel="noopener" title="{% trans "What is FranceConnect?" %} {% trans "(opens in new window)" %}">{% trans "What is FranceConnect?" %}</a>
</div>