You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
2.6 KiB
49 lines
2.6 KiB
{% extends "templates/lilcity/layer.html" %} {% load static %}
|
|
|
|
{% block layer_body %}
|
|
<div class="outer js-outer">
|
|
{% include "templates/blocks/header.html" with no_auth_btn=True %}
|
|
<div id="lilcity-vue-app" class="container">
|
|
<div class="section">
|
|
<div class="section__center center" style="max-width: 400px;">
|
|
<div class="title">Авторизация</div>
|
|
<form id="learner-auth-form" method="post" action="{% url 'lilcity:login' %}" data-no-ajax="1">
|
|
{% csrf_token %}
|
|
<div id="learner-auth-field__username" class="auth__field field learner-auth-form__field">
|
|
<div class="field__label">ПОЧТА</div>
|
|
<div class="field__wrap">
|
|
<input id="learner-auth-form__email" class="field__input" type="email" name="username" placeholder="name@website.com"
|
|
tabindex="1" value="{{ form.username.value|default:'' }}" />
|
|
</div>
|
|
{% for error in form.username.errors %}
|
|
<div class="field__error learner-auth-form__field-error" style="display: block;">{{ error }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div id="learner-auth-field__password" class="auth__field field learner-auth-form__field">
|
|
<div class="field__label">ПАРОЛЬ
|
|
<a class="field__link js-auth-go-pass" href="{% url 'lilcity:password_reset' %}" tabindex="4">Забыли пароль?
|
|
</a>
|
|
</div>
|
|
<div class="field__wrap">
|
|
<input id="learner-auth-form__password" class="field__input field__input--password" name="password"
|
|
type="password" placeholder="Минимум 5 символов" tabindex="2" />
|
|
</div>
|
|
{% for error in form.password.errors %}
|
|
<div class="field__error learner-auth-form__field-error" style="display: block;">{{ error }}</div>
|
|
{% endfor %}
|
|
{% for error in form.non_field_errors %}
|
|
<div class="auth-register__common-error
|
|
form__common-error learner-auth-form__field-error" style="display: block;">{{ error }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="auth__foot">
|
|
<button id="learner-auth__button" class="auth__btn btn btn_light" tabindex="3" type="submit">ВОЙТИ</button>
|
|
<div class="auth__or">или</div>
|
|
<a href="{% url 'lilcity:registration-learner' %}" class="auth__btn btn">Зарегистрироваться</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock layer_body %}
|
|
|