{% 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 OAuth redirects are blocked inside the native app WebView ("disallowed_useragent"); the app
  links accounts natively through MobileSocialAuthView instead, so hide the web connect links.
  Each provider appears only when this deployment has configured its web credentials.
{% endcomment %}
{% if not request.is_mobile_app %}
  {% if GOOGLE_LOGIN_ENABLED %}
  <br><br>
  <a class='btn btn-success' href='{% url "google_login" %}?process=connect'>Connect a Google account to your account</a>
  {% endif %}
  {% if APPLE_LOGIN_ENABLED %}
  <br><br>
  <a class='btn btn-success' href='{% url "apple_login" %}?process=connect'>Connect an Apple account to your account</a>
  {% endif %}
  {% if FACEBOOK_LOGIN_ENABLED %}
  <br><br>
  <a class='btn btn-success' href='{% url "facebook_login" %}?process=connect'>Connect a Facebook account to your account</a>
  {% endif %}
{% endif %}
{% include "socialaccount/snippets/login_extra.html" %}
</div>
</div>
</div>
{% endblock %}