{{template "header"}}

<div class="layui-card">
    <div class="layui-card-body">
        <form class="layui-form">
            {{.CsrfTokenField}}
            <input type="hidden" name="ID" value="{{.Item.ID}}" />
            <input type="hidden" name="Status" value="{{.Item.Status}}" />
            <input type="hidden" id="DepartmentID" name="DepartmentID" value="{{.Item.DepartmentID}}" />
            <input type="hidden" id="RoleID" name="RoleID" value="{{.Item.RoleID}}" />
            <div class="layui-form-item">
                <label class="layui-form-label">邮箱</label>
                <div class="layui-input-block">
                    {{if gt .Item.ID 0}}
                    <input type="text" id="Email" name="Email" value="{{.Item.Email}}" lay-verify="required"
                        autocomplete="off" readonly placeholder="请输入邮箱" class="layui-input" />
                    {{else}}
                    <input type="text" id="Email" name="Email" value="{{.Item.Email}}" lay-verify="required"
                        autocomplete="off" placeholder="请输入邮箱" class="layui-input" />
                    {{end}}
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input type="text" id="Username" name="Username" value="{{.Item.Username}}" lay-verify="required"
                        autocomplete="off" placeholder="请输入用户名" class="layui-input" />
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-block">
                    <input type="text" id="Password" name="Password" value="{{.Item.HashedPassword}}"
                        lay-verify="required" autocomplete="off" placeholder="请输入密码" class="layui-input" />
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">修改密码</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="ChangePassword" lay-skin="switch" lay-text="是|否" title="是|否">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">头像</label>
                <div class="layui-input-block">
                    {{template "upload" .Item.Avatar}}
                    <!-- <input type="text" id="Avatar" name="Avatar" value="{{.Item.Avatar}}" lay-verify="required"
                        autocomplete="off" placeholder="请输入头像" class="layui-input" /> -->
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <select id="Gender" name="Gender">
                        {{if eq .Item.Gender 0}}
                        <option value="0" selected>未知</option>
                        {{else}}
                        <option value="0">未知</option>
                        {{end}}
                        {{if eq .Item.Gender 1}}
                        <option value="1" selected>男</option>
                        {{else}}
                        <option value="1">男</option>
                        {{end}}
                        {{if eq .Item.Gender 2}}
                        <option value="2" selected>女</option>
                        {{else}}
                        <option value="2">女</option>
                        {{end}}
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    {{ submitBtn .AuthorizeMenus "save"}}
                </div>
            </div>
        </form>
    </div>
</div>

{{define "css"}}
<style>
    .layui-body {
        padding: 15px;
        left: 0;
    }
</style>
{{end}}

{{define "js"}}
<script>
    layui.use(['form', 'jquery', 'iconPicker', 'xmSelect'], function () {
        let form = layui.form;
        let $ = layui.jquery;
        let iconPicker = layui.iconPicker;


        // 表单提交
        form.on('submit(save)', function (data) {
            $.ajax({
                url: '/system/user/save',
                type: 'post',
                dataType: 'json',
                data: data.field,
                success: function (result) {
                    if (result.success) {
                        layer.msg(result.msg, { icon: 1, time: 1000 });
                        window.location.reload();
                    } else {
                        layer.msg(result.msg, { icon: 2 })
                    }
                }
            });

            return false;
        });
    });
</script>
{{end}}

{{template "footer" .}}