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

<div id="fc-linking" class="{% if user.fc_accounts.exists %}with-accounts{% else %}no-account{% endif %}">
  <div class="fc">
    <div class="cadre">
      {% if user.fc_accounts.exists %}
        <div class="fc-unlink">
          {% if unlink %} <a href="{% url 'fc-unlink' %}">Supprimer la liaison FranceConnect</a>{% endif %}
        </div>
      {% else %}
        <p>
          <div id="fc-button-wrapper">
            <div id="fc-button">
              <a href="{{ link_url }}?next={% url 'account_management' %}" class="button linking-button connexion">
                <span class="sr-only">{% trans "Link with a FranceConnect account" %}</span>
              </a>
            </div>
          </div>
        </p>
      {% endif %}
    </div>
  </div>
  <p><a href="{{ about_url }}" target="_blank" rel="noopener" title="{% trans "opens in new window" %}">{% trans "What is FranceConnect?" %}</a></p>
</div>
