LilSchool/apps/auth/templates/auth/registration-learner.html

{% 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-registration-form" method="post" action="{% url 'lilcity:registration-learner' %}">
            {% csrf_token %}

            {% if referrer %}
              <input type="hidden" name="referrer" value="{{ referrer.id }}">
              <div class="auth__text">
                Спасибо за&nbsp;то, что&nbsp;вы&nbsp;с&nbsp;нами! Вас&nbsp;пригласил ваш&nbsp;друг {{ referrer.get_full_name }}.
                При&nbsp;первой покупке {{ config.REFERRAL_BONUS }}% от&nbsp;суммы услуги будут зачислены на&nbsp;ваш бонусный счет.
                Приятного обучения!
              </div>
            {% endif %}
            <div class="auth__fieldset">
              <div id="learner-registration-field__first-name" class="auth__field field learner-registration-form__field">
                <div class="field__label">ИМЯ</div>
                <div class="field__wrap">
                  <input id="learner-registration-form__first-name" class="field__input" type="text" name="first_name"
                    placeholder="" value="{{ form.first_name.value|default:'' }}">
                </div>
              {% for error in form.first_name.errors %}
                <div id="learner-registration-field-error__first-name" style="display: block;"
                     class="field__error learner-registration-form__field-error">{{ error }}</div>
              {% endfor %}
              </div>
              <div id="learner-registration-field__last-name" class="auth__field field learner-registration-form__field">
                <div class="field__label">ФАМИЛИЯ</div>
                <div class="field__wrap">
                  <input id="learner-registration-form__last-name" class="field__input" type="text" name="last_name"
                         placeholder="" value="{{ form.last_name.value|default:'' }}">
                </div>
                {% for error in form.last_name.errors %}
                <div id="learner-registration-field-error__last-name" style="display: block;"
                     class="field__error learner-registration-form__field-error">{{ error }}</div>
              {% endfor %}
              </div>
            </div>
            <div id="learner-registration-field__email" class="auth__field field learner-registration-form__field">
              <div class="field__label">ПОЧТА</div>
              <div class="field__wrap">
                <input id="learner-registration-form__email" class="field__input" type="email" name="email"
                       placeholder="name@website.com" value="{{ form.email.value|default:'' }}">
              </div>
              {% for error in form.email.errors %}
              <div style="display: block;" class="field__error learner-registration-form__field-error">{{ error }}</div>
              {% endfor %}
            </div>
            <div id="learner-registration-field__password" class="auth__field field learner-registration-form__field">
              <div class="field__label">ПАРОЛЬ</div>
              <div class="field__wrap">
                <input id="learner-registration-form__password" class="field__input field__input--password" type="password" name="password"
                  placeholder="Минимум 5 символов">

              </div>
              {% for error in form.password.errors %}
              <div style="display: block;" class="field__error learner-registration-form__field-error">{{ error }}</div>
              {% endfor %}

              {% for error in form.non_field_errors %}
              <div style="display: block;"
                   class="auth-register__common-error form__common-error learner-registration-form__field-error">{{ error }}</div>
              {% endfor %}
              {% if error %}
              <div style="display: block;"
                   class="auth-register__common-error form__common-error learner-registration-form__field-error">{{ error }}</div>
              {% endif %}
            </div>
            <div class="auth__text">
              Согласен с <a target="_blank" href="{% url 'privacy' %}">условиями обработки данных</a> и&nbsp;<a target="_blank" href="{% url 'refund_policy' %}">возвратом услуги</a>.
            </div>
            <label class="auth__label switch">
              <input class="switch__input" name="newsletter" value="true" type="checkbox" checked>
              <span class="switch__content">Согласен на важную рассылку: новости школы и курсов</span>
            </label>
            <div class="auth__foot">
              <button class="auth__btn btn btn_light">
                ЗАРЕГИСТРИРОВАТЬСЯ
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
{% endblock layer_body %}