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

{% trans "Логин" 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 %}>
            {% 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>
          <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>
          <div class="call_to_reg">{% translate "Нет аккаунта?" %} <a href="/ru/profile/registration/">{% translate "Зарегистрируйтесь" %}</a></div>
        </div>
     </form>
</section>