<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>重置{{ name }}</title>

    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="/static/css/animate.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">

    <style type="text/css"></style>
</head>

<body class="gray-bg">

    <div class="lock-word animated fadeInDown">
        <span class="first-word">Jump</span><span>Server</span>
    </div>
    <div class="middle-box text-center lockscreen animated fadeInDown">
        <div>
            <div class="m-b-md">
            {% if error %}
                <div class="alert alert-warning text-center">{{ error }}</div>
            {% endif %}
            {% if msg %}
                <div class="alert alert-success text-center">{{ msg }}</div>
            {% endif %}
            </div>
            <h3>请输入新密码</h3>
            <form class="m-t" role="form" id="restForm" action="{{ action }}" method="post">
                <div class="form-group">
                    <input type="password" name='password' class="form-control" placeholder="New Password">
                    <input type="password" name='password_confirm' class="form-control" placeholder="Password Confirm">
                </div>
                <button type="submit" class="btn btn-primary block full-width">确定</button>
            </form>
        </div>
    </div>
    <!-- Mainly scripts -->
    <script src="/static/js/jquery-2.1.1.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/validator/jquery.validator.js"></script>

    <script>
        $('#restForm').validator({
        timely: 2,
        theme: "yellow_right_effect",
        rules: {
            check_pass: [/^\w{8,50}$/, '数字和字符,8-50位']
        },
        fields: {
            "password": {
                rule: "required;check_pass",
                tip: "输入密码",
                ok: "",
                msg: {required: "必须填写!"}
            },
            'password_confirm': {
                rule: "required;check_pass;",
                tip: '确认密码',
                msg: {required: "必须填写!"}
            }
        },
        valid: function(form) {
            form.submit();
        }
    });
    </script>
</body>
</html>