{% 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 = $("#pass_form");
                    form.valid();
                });
            {% endif %}


                val_form = '#pass_form';
                $(val_form).validate({
                    rules: {
                        new_password: {
                            required: true,
                            minlength: 6,
                            maxlength: 64
                        },
                        new_password_again: {
                            required: true,
                            equalTo: "#new_password"
                        }
                    },
                    messages: {
                        new_password_again: {
                            equalTo: "{% trans "Passwords have to be matched" %}"
                        }
                    }
                })

        });

    </script>

    <div id="page1-block">
  <div class="wrapper">
    <div class="left-block">
      <div class="btn-block">
        <ul>
            <li><a href="/devices/">Привязка/отвязка устройств</a></li>
            <li><a href="/profile/">Учетные данные</a></li>
        </ul>
      </div>
    </div>
    <div class="right-block">
      <div class="form-block">
      <h1>Восстановление пароля</h1>



    {% if error %}<div class="enter_error"><p>{% trans "ERROR OCCURED" %}<br>{{ error }}</p></div>{% endif %}

                     <div class="form-block">
                            <form role="form" action="/login/recover/{{ recovery_key }}/" method="post" id="pass_form" name="pass_form">
                            {% csrf_token %}
                             <p style="margin-top:0">

              <label for="oldpass">Новый пароль</label><input type="password"
                                       class="input pass_inp {% if post %}{% if form.new_password.errors %}error{% else %}valid{% endif %}{% endif %}"
                                       value="{{ form.new_password.value|default_if_none:"" }}"
                                       name="new_password"
                                       id="new_password"></p>
<br><p style="margin-top:0">
              <label for="oldpass">Повторите ввод</label><input type="password"
                                                                class="input" id="new_password_again" name="new_password_again" placeholder=""></p>

                                {% if form.password.errors %}
                                    <label for="username" generated="true" class="error" style="display: inline;">{{ form.new_password.errors }}</label>
                                {% endif %}



                                <button type="submit" class="btn btn-success">Изменить пароль</button>


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




{% endblock %}