{extend name="public/base" /}

{block name="body"}
<form class="layui-form layui-form-pane admin-main" action="__SELF__?sa=2212121">
    <div class="layui-form-item">
        <label class="layui-form-label">菜单名称</label>
        <div class="layui-input-block">
            <input type="text" name="title" lay-verify="required" placeholder="请输入菜单名称" autocomplete="off" class="layui-input" value="{$info.title|default=''}">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">上级菜单</label>
        <div class="layui-input-inline">
            <select name="pid">
                {volist name="up_menus" id="vo"}
                <option {eq name="info.pid|default=''" value="$vo.id"}selected{/eq} value="{$vo.id}">{$vo.title_show}</option>
                {/volist}
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">菜单图标</label>
        <div class="layui-input-inline">
            <input type="text" name="icon" placeholder="请输入菜单图标" autocomplete="off" class="layui-input" value="{$info.icon|default='fa-'}">
        </div>
        <div class="layui-form-mid layui-word-aux">fontawesome图标类 fa-*</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">菜单排序</label>
        <div class="layui-input-inline">
            <input type="text" name="sort" placeholder="请输入菜单排序" autocomplete="off" class="layui-input" value="{$info.sort|default=0}">
        </div>
    </div>
    <div class="layui-form-item" pane="">
        <label class="layui-form-label">菜单状态</label>
        <div class="layui-input-block">
            <input type="checkbox" name="status" lay-skin="switch" lay-text="ON|OFF" {eq name="info.status|default=1" value="1"}checked=""{/eq}>
        </div>
    </div>
    <div class="layui-form-item" pane="">
        <label class="layui-form-label">需要授权</label>
        <div class="layui-input-block">
            <input type="checkbox" name="auth" lay-skin="switch" lay-text="ON|OFF" {eq name="info.auth|default=1" value="1"}checked=""{/eq}>
        </div>
    </div>
    <div class="layui-form-item" pane="">
        <label class="layui-form-label">隐藏菜单</label>
        <div class="layui-input-block">
            <input type="checkbox" name="hide" lay-skin="switch" lay-text="ON|OFF" {eq name="info.hide|default=0" value="1"}checked=""{/eq}>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">连接地址</label>
        <div class="layui-input-block">
            <input type="text" name="url" placeholder="请输入连接地址" autocomplete="off" class="layui-input" value="{$info.url|default=''}">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            {present name="info.id"}
            <input type="hidden" name="id" value="{$info.id}">
            <button class="layui-btn" lay-submit lay-filter="submit">编辑菜单</button>
            {else /}
            <button class="layui-btn" lay-submit lay-filter="submit">新增菜单</button>
            {/present}
        </div>
    </div>
</form>
{/block}

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

        form.on('submit(submit)', function(data) {
            $.post(data.form.action, data.field, function(res) {
                if (res.code == 1) {
                    layer.msg(res.msg, {icon: Math.abs(res.code - 2), time: 1000}, function() {
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index);
                        parent.location.reload();
                    });
                } else {
                    layer.msg(res.msg, {icon: Math.abs(res.code - 2), time: 1000});
                }
            });
            return false;
        });
    });
</script>
{/block}