{% 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 %}

<!-- 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>

{% endblock content %}