{% load staticfiles %}
{% load i18n %}

<link rel="stylesheet" type="text/css" href="{% static 'authentic2_auth_fc/css/fc.css' %}">

<div id="fc-linking">
  <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="ouverture dans une nouvelle fenêtre">
      {% trans "What is FranceConnect?" %}
    </a>
  </p>
</div>
