{% extends 'base.html' %}
{% load staticfiles %}
{% load i18n %}


{% block main %}
    <script>
        $(document).ready(function () {
            {% if post %}
                {# checking form from the beginning of typing #}
                $('form input').live('keyup', function () {
                    var form = $("#registration_form");
                    form.valid();
                });

            {% endif %}

            {# change icon in the field #}
            $('form input').live('keyup', function () {
                if ($(this).hasClass('valid') && $(this).next('label.error').length > 0) {
                    $(this).next('label.error').remove();
                }
            });




     if ($('#registration_form').length) {
         $('#registration_form').validate({
                    rules: {
                        username: {
                            {% if form.username.errors %}
                                is_not_equal: ['{{ form.username.value|default_if_none:"" }}'],
                            {% endif %}
                            required: true,
                            email: true

                        },

                        password: {
required: true,
                            minlength: 6,
                            maxlength: 64
                        },
                    new_password: {

                            minlength: 6,
                            maxlength: 64
                        },
                        password2: {

                            equalTo: '#new_password'
                        }
                    },
                    messages: {
                        username: {
                            {% if form.username.errors %}
                                is_not_equal: 'Email {{ form.username.value|default_if_none:"" }} {% trans " уже зарегистрирован." %}',
                            {% endif %}
                            required: '{% trans "Введите email" %}',
                            email: '{% trans "Некорректный email" %}'
                        },

                        password: {
                            minlength: '{% trans "Минимум 6 символов" %}',
                            maxlength: '{% trans "Максимум 64 символа" %}',
                            required: '{% trans "Введите пароль" %}'
                        },
                    new_password: {
                            minlength: '{% trans "Минимум 6 символов" %}',
                            maxlength: '{% trans "Максимум 64 символа" %}',
                            required: '{% trans "Введите пароль" %}'
                        },
                        password2: {
                            required: '{% trans "Повторите ввод пароля" %}',
                            equalTo: "{% trans "Пароли не совпадают" %}"
                        }

                    }
                })
            }

 });


            {# need password #}
            $('form input').live('keyup', function () {
                var username = $("#username").val();
                var username_now = $("#username_now").val();

                if(username!=username_now||$('#new_password').val()) {
                    $(".now_pass").css('display','block')
                }
                else {
                    $(".now_pass").css('display','none');
                }
            });

    </script>
 <!-- page6-block -->
<div id="page1-block">
  <div class="wrapper">
    <div class="left-block">
      <div class="btn-block">
        <ul>
            <li><a href="/login/">Вход</a></li>
            <li><a href="/signup/">Регистрация</a></li>
        </ul>
      </div>
    </div>
    <div class="right-block">
      <div class="form-block">
      <h1>Восстановление пароля</h1>


          <form role="form" action method="post" id="pass_form">
              {% csrf_token %}
              <div class="form-group">
              <div style="font-size: 11px;">Инструкция будет отправлена вам на почту.</div>
             <p style="padding-top: 20px;"><label for="email">E-mail</label>

           <input type="text" id="username"
                                   class="input {% if post %}{% if form.username.errors %}error{% else %}valid{% endif %}{% endif %}"
                                   value="{{ user.username }}"
                                   name="username">
                                {% if form.username.errors %}
                                    <label for="username" generated="true" class="error" style="display: inline;">{{ form.username.errors }}</label>
                                {% endif %}
             <div class="clear"></div>
              <button type="submit" class="btn btn-red" style="     width: 200px;    margin-left: 231px;font-size: 12px;">{% trans "Восстановить пароль" %}</button>

              </div>
          </form>
      </div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<div class="pfooter"></div>
  <!-- page6-block END -->


{% endblock main %}