{extend name="layout:home" /}

{block name="container"}

<form class="layui-form layui-form-pane" method="post" enctype="multipart/form-data">
    <div class="layui-tab layui-tab-card">
        <div class="layui-tab-content page-tab-content">
            <div class="layui-tab-item layui-show ">
                <div class="layui-form-item">
                    <label class="layui-form-label">{$Think.lang.admin_name}</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input field-name" name="service_name" id="service_name" value="{$admin.service_name|default=''}" lay-verify="required|service_name" autocomplete="off" placeholder="{:lang('ds_please_enter')}{:lang('admin_name')}" required />
                    </div>
					<div class="layui-form-mid layui-word-aux"><p><span class="required-cloum">*</span>必填项</p></div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">昵称</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input field-name" name="service_nickname" id="service_nickname" value="{$admin.service_nickname|default=''}" lay-verify="required|service_nickname" autocomplete="off" placeholder="{:lang('ds_please_enter')}昵称" required />
                    </div>
                    <div class="layui-form-mid layui-word-aux"><p><span class="required-cloum">*</span>必填项</p></div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">{$Think.lang.admin_password}</label>
                    <div class="layui-input-block">
                        <input type="password" class="layui-input field-name" name="service_password" id="service_password" value=""  placeholder="{if $admin.add eq '1'} {:lang('ds_please_enter')}{:lang('admin_password')}{else}{:lang('admin_edit_password_keep')}{/if} " />
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">上传头像</label>
                    <div class="layui-input-inline">
                        <input type="file" name="service_imgurl" id="service_imgurl" value=""/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">{$Think.lang.admin_qxzmz}</label>
                    <div class="layui-input-inline">
                        <select name="service_group_id" id="service_group_id" lay-verify="required" lay-filter="groups" lay-search>
                            <option value="{$onlyz.group_id}">{if $onlyz}{$onlyz.group_name}{else}请选择权限组{/if}</option>
                            {foreach name="admin_group" item="v"}
                                <option value="{$v.group_id}">{$v.group_name}</option>
                            {/foreach}
                        </select>
                    </div>
					<div class="layui-form-mid layui-word-aux"><p style="color:red"><span class="required-cloum">*</span>必选所属分组，未添加权限组先添加权限组</p></div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否启用</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="service_status" lay-skin="switch" lay-text="{$Think.lang.ds_yes}|{$Think.lang.ds_no}" value="1" {if condition="$admin.service_status eq '1'"}checked{/if}>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <input type="submit" class="layui-btn layui-btn-normal" lay-submit value="{:lang('ds_submit')}" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

<script>
    layui.use('form', function() {
        var form = layui.form;
        form.on('select(groups)',function(data){
            
        });

        //监听提交
        form.on('submit(formDemo)', function(data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });

</script>

{/block}