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

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

<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 %}
        <p class="centrer">
          {% trans "Linked FranceConnect accounts" %}
        </p>
        <ul class="fond">
		<li class="picto utilisateur"><p class="lien">{{ user.fc_accounts.all.0 }}{% if unlink %} <a href="{% url 'fc-unlink' %}">{% trans 'Delete link'%}</a>{% endif %}</p></li>
        </ul>
      {% else %}
        <p>
          <div id="fc-button-wrapper">
              <div id="fc-button">
                <div>{% trans "Link with a FranceConnect account" %}</div>
                <a href="{{ link_url }}" 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>
