<extend name="Public/manage" />
<block name="head">
   <link href="__CSS__/iconfont.css" rel="stylesheet">
    <link href="__CSS__/datetimepicker.css" rel="stylesheet">
    <link href="__CSS__/dropdown.css" rel="stylesheet">
	<link href="__CSS__/user_zxy.css" rel="stylesheet">
    <link href="__CSS__/toastr.min.css" rel="stylesheet">
    <script src="__JS__/jquery.min.js"></script>
    <script src="__JS__/common.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>
    <script src="__JS__/jquery.form.js"></script>
    <script src="__JS__/jquery.validate.min.js"></script>
    <script src="__JS__/jquery.md5.js"></script>
    <script src="__JS__/bootstrap-datetimepicker.min.js"></script>
    <script src="__JS__/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="__JS__/toastr.min.js"></script>
    <script src="__JS__/VMenu.js"></script>
    <script src="__STATIC__/layer/layer.js"></script><style>		.mrc_colum_ml {margin-left: 122px;}	</style>
</block>
<block name="location">
	<a class="z_nav" href="{:U('Apply/apply')}">账号中心</a>
	<a class="z_nav curt_nav" href="{:U('Apply/password')}">修改密码</a>
</block>
<block name="body" >
                        <div class="matter_right_content bank_content">
                             <div class="title">
								<i class="usebase_icon"></i> 
								<span>修改密码</span>
							</div>
                            <form id="editForm" class="form-horizontal matter_right_content_password" method="post" novalidate="novalidate">
							    <div class="form-group">
                                    <label class="mrc_left mrc control-label"><span class="must_red">*</span>原密码</label>
                                    <div class="mrc_right4_3_3 mrc input-format">
                                        <input type="password" class="form-control" id="oldPassword" name="oldPassword" placeholder="请填写原密码" autocomplete="off" value="">
                                        <input type="password" class="hidden" id="trueOldPassword" name="trueOldPassword">
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="mrc_colum_ml input-status"></div>
                                </div>
                                <div class="form-group">
                                    <label class="mrc_left mrc control-label"><span class="must_red">*</span>新密码</label>
                                    <div class="mrc_right4_3_3 mrc input-format">
                                        <input id="password" type="password" class="form-control" name="newPassword" placeholder="请填写新密码">
                                        <input type="password" class="hidden" id="trueNewPassword" name="trueNewPassword">
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="mrc_colum_ml input-status"></div>
                                </div>
                                <div class="form-group">
                                    <label class="mrc_left mrc control-label"><span class="must_red">*</span>确认新密码</label>
                                    <div class="mrc_right4_3_3 mrc input-format">
                                        <input id="confirmPassword" type="password" class="form-control" name="confirmNewPassword" placeholder="请填写确认新密码">
                                        <input type="password" class="hidden" id="trueConfirmPassword" name="trueConfirmPassword">
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="mrc_colum_ml input-status"></div>
                                </div>
                                <div class="form-group">
                                    <div class="mrc_colum_ml mrc_colum4_1_6 mrc">
                                        <input type="submit" class="btn btn_primary user_btn" value="修改密码">
                                    </div>
                                </div>
                            </form>
                        </div>
                </div>
            </div>
        </div>
        <script>
            $(document).ready(function(){
                // 登录验证
                $("#editForm").validate({
                    //定义规则
                    rules:{
                        oldPassword:{
                            required:true,
                        },
                        newPassword:{
                            minlength : 6,
                            required:true,
                        },
                        confirmNewPassword:{
                            required:true,
                            equalTo: "#password"
                        },
                    },
                    //定义错误消息
                    messages:{
                        oldPassword:{
                            required:"请输入原密码",
                        },
                        newPassword:{
                            minlength : '登录密码必须大于6位',
                            required:"请输入新密码",
                        },
                        confirmNewPassword:{
                            required:"请确认您的登录密码",
                            equalTo:"两次输入密码不一致！"
                        },
                    },
                    submitHandler:function(form){
                        $("#trueOldPassword").val(trueOldPassword);
                        $("#trueNewPassword").val(trueNewPassword);
                        $("#trueConfirmPassword").val(trueConfirmPassword);
                        $(form).ajaxSubmit(
                            $.post("{:U('User/alter_password')}", {old:$("#oldPassword").val(),new:$("#password").val()}, function(result){
                                layer.msg(result.info);
                                if(result.status == 1){
                                    location.reload();
                                }
                            })
                        );
                    }
                });
            });
            
            $.VMenu.show('#menu');
            $.VMenu.open('m1.3');
        </script>
</block>