{extend name="public:form" /}
{block name="body"}
<div class="layui-row">
    <form class="layui-form">
        <div class="layui-form-item">
            <label for="title" class="layui-form-label">
                <span class="x-red">*</span>姓名
            </label>
            <div class="layui-input-inline">
                <input type="text" id="name" name="name" lay-verify="required" lay-verify="required"
                       autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>
            </div>
        </div>
        <div class="layui-form-item">
            <label for="email" class="layui-form-label">
                <span class="x-red">*</span>邮箱
            </label>
            <div class="layui-input-inline">
                <input type="text" id="email" name="email" lay-verify="required" lay-verify="required|email"
                       autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">
                <span class="x-red">*</span>所属部门
            </label>
            <div class="layui-inline layui-show-xs-block">
             
                 <select name="d_id">
                    {foreach $data as $item}
                    
                        <option value="{$item.id}" class="">{$item.title}</option>
                       
                    {/foreach}
                 </select>
                <div class="layui-unselect layui-form-select">
                    <div class="layui-select-title">
                        <input type="text" placeholder="请选择" value="规则分类" readonly="" class="layui-input layui-unselect">
                        <i class="layui-edge"></i>
                    </div>
                    <dl class="layui-anim layui-anim-upbit">
                        <dd lay-value="0" class="layui-this">/</dd>                        
                        {foreach $data as $item}
                            <dd lay-value="{$item.name}" class="">{$item.name}</dd>
                        {/foreach}
                    </dl>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label for="tel" class="layui-form-label">
                <span class="x-red">*</span>电话号码
            </label>
            <div class="layui-input-inline">
                <input type="text" id="tel" name="tel"  lay-verify="required|phone"
                       autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>11位手机号码
            </div>
        </div>
        <div class="layui-form-item">
            <label for="controller_name" class="layui-form-label">
                 身份
            </label>
            <div class="layui-inline layui-show-xs-block">
                <select name="iden_id">
                    {volist name="idens" id="iden"}
                        <option value="{$iden.id}" {if $iden.id == 0}selected="selected"{/if}>{$iden.title}</option>
                    {/volist}
                </select>
                <div class="layui-unselect layui-form-select">
                    <div class="layui-select-title">
                        <input type="text" placeholder="请选择" value="规则分类" readonly="" class="layui-input layui-unselect">
                        <i class="layui-edge"></i>
                    </div>
                    <dl class="layui-anim layui-anim-upbit">
                        <dd lay-value="0" class="layui-this">普通身份</dd>
                        <dd lay-value="0" class="layui-this">三级经理</dd>
                        <dd lay-value="0" class="layui-this">二级经理</dd>
                        <dd lay-value="0" class="layui-this">一级经理</dd>
                    </dl>
                </div>
            </div>
        </div>

        
        <div class="layui-form-item" pane="">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-block">
                <input type="radio" name="status" value="1" title="正常"  checked="">
                <div class="layui-unselect layui-form-radio">
                    <i class="layui-anim layui-icon"></i>
                    <div>
                        正常
                    </div>
                </div>
                <input type="radio" name="status" value="0" title="禁用">
                <div class="layui-unselect layui-form-radio layui-form-radioed">
                  <i class="layui-anim layui-icon"></i>
                    <div>
                        禁用
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">
            </label>
            <button  class="layui-btn" lay-filter="add" lay-submit="">
                增加
            </button>
        </div>

    </form>
</div>
{/block}

{block name="js"}
<script>
    layui.use(['form', 'layer'],
        function() {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer;

            //监听提交
            form.on('submit(add)',
                function(data) {

                    $.ajax({
                        url: '/staff_add',
                        method: "POST",
                        data: data.field,
                        dataType: "json",
                        success: function (data) {
                            if(data.status == 1){
                                layer.alert(data.message, {
                                  icon: 6
                                });
                                close()
                            } else {
                                layer.alert(data.message, {
                                  icon: 5
                                });
                            }
                           
                        },
                        error : function (XMLHttpRequest, textStatus, errorThrow ) {
                            console.log('AJAX 执行失败...');
                        }

                    });
                    return false;
                });
            function close(){
                //关闭当前frame
                xadmin.close();
                // 可以对父窗口进行刷新
                xadmin.father_reload();
            }
        });
</script>
{/block}