{% extends "base.html" %}

{% load i18n %}
{% load static from staticfiles %}

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

{% block content %}
<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 class="uniForm" method="post">
{% csrf_token %}

<fieldset class="blockLabels">
{% if form.non_field_errors %}
<div id="errorMsg">{{form.non_field_errors}}</div>
{% endif %}

{% for base_account in form.accounts %}
{% with base_account.get_provider_account as account %}
<div class="ctrlHolder">
<label for="id_account_{{base_account.id}}">
<input id="id_account_{{base_account.id}}" style="display: inline; ;" type="radio" name="account" value="{{base_account.id}}"/>
<!--span class="socialaccount_provider {{base_account.provider}} {{account.get_brand.id}}">{{account.get_brand.name}}</span-->
<img alt="{{ base_account.provider.name }}" style="vertical-align:middle"
                src="{% static 'img/auth/'|add:account.get_brand.id|add:'.png' %}" />
<small>{{account}}</small>
</label>
</div>
{% endwith %}
{% endfor %}

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

</fieldset>

</form>

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

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

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

{% include "socialaccount/snippets/login_extra.html" %}
{% endblock %}