{% extends "base.html" %}

{% load i18n %}

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

{% block content %}
{% include "preferences_ribbon.html" %}
<br><h4>{% trans "Connect your Google account" %}</h4>

{% if form.accounts %}
<p>{% blocktrans %}You can sign in to your account using a Google account.{% endblocktrans %}</p>


<form method="post" action="{% url 'socialaccount_connections' %}">
{% csrf_token %}

<fieldset>
{% 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>
<label for="id_account_{{ base_account.id }}">
<input id="id_account_{{ base_account.id }}" type="radio" name="account" value="{{ base_account.id }}"/>
<span class="text-muted" socialaccount_provider {{ base_account.provider }} {{ account.get_brand.id }}">{{account.get_brand.name}}</span>
{{ account }}
</label>
</div>
{% endwith %}
{% endfor %}

<div>
<button class='btn btn-danger' type="submit">{% trans 'Delete' %}</button>
</div>

</fieldset>

</form>

{% else %}
<p>{% trans 'You currently have no social network accounts connected to this account.' %}</p>
{% endif %}
{% comment %}
  Web Google OAuth is blocked inside the native app WebView ("disallowed_useragent"); the app
  links Google accounts through MobileGoogleAuthView instead, so hide the web connect link.
{% endcomment %}
{% if GOOGLE_LOGIN_ENABLED and not request.is_mobile_app %}
<br><br>
<a class='btn btn-success' href='{% url "google_login" %}?process=connect'>Connect a Google account to your account</a>
{% endif %}
{% include "socialaccount/snippets/login_extra.html" %}
</div>
</div>
</div>
{% endblock %}