{% extends "account/base.html" %}

{% load i18n %}
{% load account socialaccount %}
{% load crispy_forms_tags %}

{% block head_title %}{% trans "Sign In" %}{% endblock %}

{% block inner %}
<div class="rx-head-container uk-margin-remove-bottom">
  <div class="rx-title-container">
    <ul class="rx-breadcrumb uk-text-truncate">
      <li class="rx-breadcrumb-item"><a href="/" alt="Home">Home</a></li>
      <li class="rx-breadcrumb-item">My Account</li>
    </ul>
    <div class="rx-title">
      {% trans "Sign In" %}
    </div>
    <div class="rx-title-tagline">
    </div>
  </div>
</div>

<div class="">
  {% get_providers as socialaccount_providers %}
  {% if socialaccount_providers %}
    <p class="uk-margin-remove-top">{% blocktrans with site.name as site_name %}Please sign in with one
    of your existing third party accounts.{% endblocktrans %}</p>
    
    <div class="socialaccount_ballot">
      <ul class="socialaccount_providers">
        {% include "socialaccount/snippets/provider_list.html" with process="login" %}
      </ul>
    </div>
    <p class="uk-margin-remove-top">{% blocktrans with site.name as site_name %}You can only be logged
     into one social media account at a time with Readux. {% endblocktrans %}</p>
  {% endif %}
</div>

{% endblock %}