{layout name="layout2" /}
<div class="wrapper">
    <div class="layui-card">
        <div class="layui-card-header">修改密码</div>
        <div class="layui-card-body" pad15>
            <div class="layui-form" lay-filter="">

                <div class="layui-form-item">
                    <label class="layui-form-label">账号</label>
                    <div class="layui-input-inline">
                        <div class="layui-form-mid layui-word-aux">{$account}</div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">当前密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="old_password" lay-verify="required" lay-verType="tips"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">新密码</label>
                    <div class="layui-input-inline">
                        <input type="password" maxlength="16" name="password" lay-verify="required|length"
                               lay-verType="tips" autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">6到16个字符</div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">确认新密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="re_password" lay-verify="required|comparison" lay-verType="tips"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn {$view_theme_color}" lay-submit lay-filter="setmypass">确认修改</button>
                    </div>
                </div>
            </div>

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


<script>

    layui.use(['table'], function () {
        var $ = layui.$
            , form = layui.form;

        form.verify({
            length: function (value, item) {
                if (value.length < 6 || value.length > 16) {
                    return '长度为' + 6 + '到' + 16 + '之间';
                }
            },
            comparison: function (value, item) {
                password = layui.$('[name=password]').val();
                if (password != value) {
                    return '两次密码输入不一致';
                }
            }
        });

        form.on('submit(setmypass)', function (data) {
            like.ajax({
                url: '{:url()}'
                , data: data.field
                , type: 'post'
                , success: function (res) {
                    if(res.code == 1) {
                        layui.layer.msg(res.msg, {
                            offset: '15px'
                            , icon: 1
                            , time: 1000
                        }, function () {
                            location.href = location.href;
                        });
                    }
                }
            });
        });
    });

</script>