{% load i18n %}
{% load socialaccount %}

{% trans "E-mail" as p_login %}
{% trans "Пароль" as p_password %}

<section class="login">
<h1>{% translate "Войдите в профиль" %}</h1>

    <form class="login_form" name="login_form" method="post">

        {% csrf_token %}
        <div>
           {% if form.errors.all__ %}
            <span class="error_f_login">
                {{ form.errors.all__ }}
            </span>
            {% endif %}

          <div class="inputs_l">
            <input
                    name="username"
                    type="text"
                    placeholder="{{ p_login }}"
                    {% if form.data.username %} value="{{ form.data.username }}"{% endif %}
                    id="login_email_input"

            >
            {% if form.username and form.errors.username %}
           <span>{{ form.errors.username }}</span>
                 {% endif %}
          </div>
          <div class="inputs_l">
            <input name="password" type="password" placeholder="{{ p_password }}"{% if form.data.password %} value="{{ form.data.password }}"{% endif %}>
            {% if form.password and form.errors.password %}
           <span>{{ form.errors.password }}</span>
                 {% endif %}
          </div>
          <div class="button_register"><button onclick="SendLoginForm(this)">{% translate "Войти" %}</button></div>
          <div class="agree_text_l">{% translate "Авторизуясь, вы соглашаетесь с Лицензионным соглашением Политикой конфиденциальности" %}</div>
          
            {% if auth_google_allow %}
                <div id="reg_or_text">{% translate "Или" %}</div>

            
                <a href="{% provider_login_url 'google' %}">
                      <div id = "google_text" class="google"><img src="/static/img/png/google.png" alt="">
                        <div> {% translate "Войти через" %} Google</div>
                      </div>
                </a>
            {% endif %}
          <div class="call_to_reg">{% translate "Нет аккаунта?" %} <a href="/ru/profile/registration/">{% translate "Зарегистрируйтесь" %}</a></div>
             <div class="call_to_reg" onclick="showForm()">{% translate "Восстановить пароль" %}</div>
        </div>
     </form>




</section>

<div class="recovery_pas">
    <h1>{% translate "Введите Ваш Email" %}</h1>
    <form class="password_recovery" id="password_recovery" name="password_recovery" method="post">
        {% csrf_token %}

            <div class="inputs_l">
            <input
                    name="email"
                    type="text"
                    placeholder={% translate "Email" %}
                    {% if form.data.username %} value="{{ form.data.username }}"{% endif %}
                    id="login_email_input"
            >
            {% if form.username and form.errors.username %}
           <span>{{ form.errors.username }}</span>
                 {% endif %}
{#            <div class="agree_text_l">{% translate  %}</div>#}
          </div>
          <div class="button_register "><button class="recovery" onclick="SendLoginForm(this)">{% translate "Отправить ссылку для сброса пароля" %}</button></div>


    </form>
</div>