{% extends "account/base.html" %}
{% load i18n %}
{% load socialaccount %}
{% load allauth_ens_social %}

{% block title %}{% trans "Account Connections" %} - {{ request.site.name }}{% endblock %}
{% block header-title %}
  {% trans "Account Connections" %} - {{ request.site.name }}
{% endblock %}

{% block content %}

<section>
  <p>
    {% if form.accounts %}
      {% blocktrans %}
      You can sign in to your account using any of the following third party accounts:
      {% endblocktrans %}
    {% else %}
      {% blocktrans %}
      You currently have no third party accounts connected to this account.
      {% endblocktrans %}
    {% endif %}
  </p>
  <ul class="provider-list">
    {% get_providers_with_accounts user as providers_with_accounts %}

    {% for provider in providers_with_accounts %}

    <li class="provider">
      <ul class="heading">
        <li>
          <a class="connect"
            href="{% provider_login_url provider.provider.id process="connect" scope=scope auth_params=auth_params %}">
            <i class="fa fa-plus"></i>
          </a>
        </li>
        <li>
          <b>{{ provider.provider.name }}</b>
        </li>
      </ul>

      {% if provider.accounts %}

      <ul class="connected-account-list">
        {% for base_account in provider.accounts %}
        <li>
          <span>
            <small style="font-size: 14px">
            {% firstof base_account.extra_data.name base_account.email %}
            </small>
          </span>
          <span>
          {% with base_account.get_provider_account as account %}
          <form action="{% url "socialaccount_connections" %}" method="post">
            {% csrf_token %}
            <input type="hidden" name="account" value="{{ base_account.id }}">
            <input type="submit" class="link" value="{% trans "Remove" %}">
          </form>
          {% endwith %}
          </span>
        </li>

        {% endfor %}
      </ul>

      {% endif %}

    {% endfor %}
  </ul>
</section>

{% endblock %}