{% extends "account/base.html" %}
{% load static %}
{% load i18n %}
{% load account socialaccount %}



<!-- NAME OF THE SITE -->
{% block head_title %}{% trans "Sign In" %}{% endblock %}

<!-- HTML HEAD -->
{% block extra_head %}
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="shortcut icon" type="image/png" href="https://animaproject.s3.amazonaws.com/home/favicon.png" />
  <link rel="stylesheet" type="text/css" href="{% static 'users/css/style.css' %}" />
{% endblock extra_head %}


{% block content %}

<!-- TITLE -->
<h1>{% trans "Sign In" %}</h1>


<!-- GET OAUTH PROVIDERS -->
{% get_providers as socialaccount_providers %}

<!-- ASK TO LOG IN -->
{% if socialaccount_providers %}
<p>{% blocktrans with site.name as site_name %}Please sign in with one
of your existing third party accounts. Or, <a href="{{ signup_url }}">sign up</a>
for a {{ site_name }} account and sign in below:{% endblocktrans %}</p>

<!-- PRINT OAUTH PROVIDERS -->
<div class="socialaccount_ballot">

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

  <div class="login-or">{% trans 'or' %}</div>

</div>

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

{% else %}
<p>{% blocktrans %}If you have not created an account yet, then please
<a href="{{ signup_url }}">sign up</a> first.{% endblocktrans %}</p>
{% endif %}



<!-- EMAIL/PHONE AND PASSWORD -->
<div class="container_auth">
  <div class="auth-block">

    <img class="logo400" src="{% static 'users/images/logo_open.svg' %}">
    <form class="login" method="POST" action="{% url 'account_login' %}">
      {% csrf_token %}
      {{ form.as_p }}
      {% if redirect_field_value %}
      <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
      {% endif %}
      <a id="forgot-pass" class="button secondaryAction" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
      <div class="buttons">
        <a id="register" href="{{ signup_url }}">{% trans "Sign Up" %}</a>
        <button class="primaryAction enter" type="submit">{% trans "Sign In" %}</button>
      </div>
    </form>

  </div>
</div>


<div class="container-auth">

  <div class="auth-block">
      <img class="logo400" src="{% static 'users/images/logo_open.svg' %}">
      <form action="personal_acc.html" method="">
        <input type="text" placeholder="Телефон или e-mail" name="login">
        <input type="password" placeholder="Пароль" name="password">        
        <p id="incorrect">Проверьте корректность логина или пароля</p>
        <a id="forgot-pass" href="authorization-fog-pass.html">Забыли пароль?</a>
        <div class="buttons">
          <a id="register" href="register.html">Регистрация</a>
          <button type="submit" class="enter">Войти</button>
        </div>
      </form>
  </div>

</div>

{% endblock content %}