{% extends "site_base.html" %}

{% load i18n %}

{% block head_title %}{% trans "Account Connections" %}{% endblock %}

{% block body %}
<div class="normal-text white-box">

<h1>{% trans "Account Connections" %}</h1>

{% if form.accounts %}
<p>{% blocktrans %}You can sign in to your account using any of the following third party accounts:{% endblocktrans %}</p>


<form method="post">
{% csrf_token %}

{% if form.non_field_errors %}
<div>{{form.non_field_errors}}</div>
{% endif %}

{% for base_account in form.accounts %}
{% with base_account.get_provider_account as account %}
<label for="id_account_{{base_account.id}}">
<input id="id_account_{{base_account.id}}" type="radio" name="account" value="{{base_account.id}}"/>
<span class="socialaccount_provider {{base_account.provider}} {{account.get_brand.id}}">{{account.get_brand.name}}</span>
<small>{{account}}</small>
</label><br><br>
{% endwith %}
{% endfor %}

<button type="submit">{% trans "Remove" %}</button>


</form>

{% else %}
<p>{% trans "You currently have no social network accounts connected to this account." %}</p>
{% endif %}

{% if USE_OPENID %}
<h2>{% trans 'Add a 3rd Party Account' %}</h2>

<ul class="socialaccount_providers">
{% include "socialaccount/snippets/provider_list.html" with process="connect" %}
</ul>

{% include "socialaccount/snippets/login_extra.html" %}
{% endif %}
</div>
{% endblock %}