{% 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: {
                        oldpass: {
                            required: true,
                            minlength: 6,
                            maxlength: 64
                        },
                        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="profile">

{% include 'profile_menu.html' %}
    <div class="col-xs-9">
                	<h3>{% trans "Changing the password" %}</h3>

					<div class="personal_info">
                            <form action="/profile/password/" method="post" id="pass_form" name="pass_form">
                            {% csrf_token %}
                            <div class="form-group">
                            <label for="oldpass">{% trans "Enter your old password (<a href='/login/recover/'>recover</a>)" %}</label>
                                <input type="hidden" class="form-control" name="username" id="username" value="{{ user.username }}">
                                <input type="password" class="form-control {% if post %}{% if form.new_password.errors %}error{% else %}valid{% endif %}{% endif %}" name="oldpass" placeholder=""    style="margin-bottom: 13px;">
                                {% if form.new_password.errors %}
                                    <label for="oldpass" generated="true" class="error" style="display: inline;">{{ form.new_password.errors }}</label>
                                {% endif %}
                                <label for="new_password">{% trans "Enter your new password" %}</label>
                                <input type="password"
                                       class="form-control pass_inp"
                                       name="new_password"
                                       id="new_password">

                                <label for="newpass">{% trans "Re-enter your new password" %}</label>
                                <input type="password" class="form-control" name="new_password_again" id="new_password_again" placeholder="">
                                <button type="button" style="background-color: #333; border-color: #555" onclick="history.go(-1);" class="btn btn-success">{% trans "Cancel" %}</button>
                                <button type="submit" class="btn btn-success">{% trans "Change password" %}</button>

                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>

{% endblock %}
{##}
{##}
{#<div id="enter_block">#}
{#    <div class="heading">Введите новый пароль</div>#}
{#    <div class="registration">#}
{##}
{##}
{#        <form action="/login/recover/{{ recovery_key }}/" method="post" id="login_form">#}
{#            {% csrf_token %}#}
{##}
{#            <div class="field">#}
{#                <p>E-mail</p>#}
{#                <div class="inp_field">#}
{#                    <input type="text" class="inp" value="{{ username }}" name="username" disabled="disabled">#}
{#                    <div class="shadow"></div>#}
{#                </div>#}
{#            </div>#}
{##}
{#            <div class="field">#}
{#                <p>Новый пароль <a href="#" class="show_pass">показать пароль</a></p>#}
{#                <div class="inp_field">#}
{#                    <input type="password"#}
{#                           class="inp 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">#}
{#                    {% if form.password.errors %}#}
{#                        <label for="username" generated="true" class="error" style="display: inline;">{{ form.new_password.errors }}</label>#}
{#                    {% endif %}#}
{#                    <div class="shadow"></div>#}
{#                </div>#}
{#            </div>#}
{##}
{#         <div class="field">#}
{#                <p>Повторите ввод</p>#}
{#                <div class="inp_field">#}
{#                    <input type="password" class="inp" name="new_password_again">#}
{#                    <div class="shadow"></div>#}
{#                </div>#}
{#            </div>#}
{##}
{#            <div class="enter_field recover">#}
{#                <input type="submit" value="{% trans "CHANGE" %}" class="green_button recover">#}
{#                <div class="clear"></div>#}
{#            </div>#}
{#        </form>#}
{#    </div>#}
{#<div class="reg_link"><a href="/signup/">{% trans "Registration" %}</a></div>#}
{#    <div class="recover_link"><a href="/login/recover/">{% trans "Forgot password?" %}</a></div>#}
{#    <div class="clear"></div>#}
{#</div>#}