{extend name="admin/layout/layout" /}

{block name="content"}
<div style="padding: 15px;">
    <div class="layui-card">
        <div class="layui-card-header">管理员设置</div>
        <div class="layui-card-body">
            <form class="layui-form" lay-filter="settingForm" action="javascript:;">
                <div class="layui-form-item">
                    <label class="layui-form-label">管理员账号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="username" value="{$admin.username}" required lay-verify="required" placeholder="请输入账号" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">账号长度3-20位</div>
                </div>
                
                <div class="layui-form-item">
                    <label class="layui-form-label">后台密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="password" placeholder="不修改请留空" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">密码长度6-20位</div>
                </div>
                
                <div class="layui-form-item">
                    <label class="layui-form-label">确认密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="password_confirm" placeholder="请再次输入新密码" class="layui-input">
                    </div>
                </div>
                
                <div class="layui-form-item">
                    <label class="layui-form-label">前台密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="front_password" placeholder="不修改请留空" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">前台管理密码</div>
                </div>
                
                <div class="layui-form-item">
                    <label class="layui-form-label">确认密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="front_password_confirm" placeholder="请再次输入前台密码" class="layui-input">
                    </div>
                </div>
                
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="settingForm">保存修改</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{/block}

{block name="script"}
<script>
layui.use(['form', 'layer'], function(){
    var form = layui.form;
    var layer = layui.layer;
    var $ = layui.jquery;
    
    form.on('submit(settingForm)', function(data){
        // 验证用户名长度
        if(data.field.username.length < 3 || data.field.username.length > 20) {
            layer.msg('账号长度必须在3-20位之间', {icon: 2});
            return false;
        }
        
        // 验证后台密码
        if(data.field.password) {
            if(data.field.password.length < 6 || data.field.password.length > 20) {
                layer.msg('后台密码长度必须在6-20位之间', {icon: 2});
                return false;
            }
            if(data.field.password !== data.field.password_confirm) {
                layer.msg('两次输入的后台密码不一致', {icon: 2});
                return false;
            }
        }
        
        // 验证前台密码
        if(data.field.front_password) {
            if(data.field.front_password.length < 6 || data.field.front_password.length > 20) {
                layer.msg('前台密码长度必须在6-20位之间', {icon: 2});
                return false;
            }
            if(data.field.front_password !== data.field.front_password_confirm) {
                layer.msg('两次输入的前台密码不一致', {icon: 2});
                return false;
            }
        }
        
        var loading = layer.load();
        $.ajax({
            url: '/admin/setting/save',
            type: 'POST',
            data: data.field,
            success: function(res){
                layer.close(loading);
                if(res.code == 0){
                    layer.msg(res.msg, {icon: 1, time: 1000}, function(){
                        // 如果修改了用户名或后台密码，则退出重新登录
                        if(data.field.password || data.field.username !== '{$admin.username}') {
                            location.href = '/admin/logout';
                        }
                    });
                }else{
                    layer.msg(res.msg, {icon: 2});
                }
            }
        });
        return false;
    });
});
</script>
{/block}