{% if role == 'manager' %}
{% extends 'manager/managerBase.html' %}
{% elif role == 'teacher' %}
{% extends 'teacher/teacherBase.html' %}
{% elif role == 'student' %}
{% extends 'student/studentBase.html' %}
{% endif %}

{% block content %}

<form action="/change_psw" method="post" class="form-horizontal" role="form">
    <div class="form-group">
        <legend>
            <h4>修改密码</h4>
        </legend>
        <div class="col-sm-10 col-sm-offset-2">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
                    <p>
                        <span class="lead">新密码:</span>
                        <input type="password" name="new_psw" class="form-control" required="required"
                            placeholder="">
                    </p>
                    <p>
                        <span class="lead">确认新密码:</span>
                        <input type="password" name="confirm_psw" class="form-control" required="required"
                            placeholder="">
                    </p>
                    <p id="result" class="text-warning">{{warning}}</p>
                    <p>
                        <button type="submit" class="btn btn-primary">确定</button>
                    </p>
                    
                </div>
            </div>
        </div>
    </div>
</form>
{% endblock %}

{% block script %}
<script>
    $('form').submit(function() {
        var psw = $('[name="new_psw"]').val();
        if(psw != $('[name="confirm_psw"]').val()){
            $('#result').text('两次密码不一致');
            return false;
        }
        if(psw.length>14){
            $('#result').text('密码过长');
            return false;
        }
        alert("密码修改成功, 请重新登录。")
    })
</script>
{% endblock %}