{extend name="layout/content" /}
{block name="header"}
<title>添加菜单</title>
{/block}
{block name="content"}
<div class="x-body">
	<form class="layui-form" action="{:url('editPost')}" method="post">

		<div class="layui-form-item">
			<label for="" class="layui-form-label">
				<span class="x-red">*</span>菜单：
			</label>
			<div class="layui-input-inline">
				<select class="form-control" name="parent_id" lay-filter="changeParentId">
					<option value="0">作为一级菜单</option>{$select_category}
				</select>
			</div>
		</div>


		<div class="layui-form-item">
			<label for="" class="layui-form-label">
				<span class="x-red">*</span>菜单名称：
			</label>
			<div class="layui-input-inline">
				<input type="text" name="name" required="" lay-verify="required" autocomplete="off"
					   class="layui-input" value="{$data.name}">
			</div>
		</div>

		<div class="layui-form-item">
			<label for="" class="layui-form-label">
				<span class="x-red">*</span>应用：
			</label>
			<div class="layui-input-inline">
				<input type="text" name="app" required="" lay-verify="required" autocomplete="off"
					   class="layui-input" value="{$data.app}">
			</div>
		</div>


		<div class="layui-form-item">
			<label for="" class="layui-form-label">
				<span class="x-red">*</span>控制器：
			</label>
			<div class="layui-input-inline">
				<input type="text" name="controller" required="" lay-verify="required" autocomplete="off"
					   class="layui-input" value="{$data.controller}">
			</div>
		</div>

		<div class="layui-form-item">
			<label for="" class="layui-form-label">
				<span class="x-red">*</span>方法：
			</label>
			<div class="layui-input-inline">
				<input type="text" name="action" required="" lay-verify="required" autocomplete="off"
					   class="layui-input" value="{$data.action}">
			</div>
		</div>

		<div class="layui-form-item">
			<label for="" class="layui-form-label">
				<span class="x-red"></span>参数：
			</label>
			<div class="layui-input-inline">
				<input type="text" name="param"  autocomplete="off"
					   class="layui-input" value="{$data.param}">

				<p>例:id=3&amp;p=3</p>
			</div>

		</div>

		<div class="layui-form-item">
			<label for="" class="layui-form-label">
				<span class="x-red"></span>图标：
			</label>
			<div class="layui-input-inline">
				<input type="text" name="icon" autocomplete="off"
					   class="layui-input" value="{$data.icon}">

				<p><a href="http://www.thinkcmf.com/font/icons" target="_blank">选择图标</a> 不带前缀fa-，如fa-user => user</p>
			</div>
		</div>
		
		<div class="layui-form-item" id="J_div_tab_type" {if($data.parent_id>0)}style="display: none;"{/if}>
			<label for="" class="layui-form-label">所属tab：</label>
			<div class="layui-input-inline">
				<select class="form-control" name="tab_type">
					<option value="1" {if condition="$data.tab_type eq 1" } selected{/if}>SDK管理后台</option>
					<option value="2" {if condition="$data.tab_type eq 2" } selected{/if}>运营平台及官网后台</option>
					<option value="3" {if condition="$data.tab_type eq 3" } selected{/if}>系统管理</option>
				</select>
				<span class="x-red">一级菜单时，请设置该项</span>
			</div>
		</div>

		<div class="layui-form-item">
			<label for="" class="layui-form-label">
				<span class="x-red">*</span>是否显示：
			</label>
			<div class="layui-input-inline">
				<select class="form-control" name="status">
					<option value="1">在左侧菜单显示</option>
					{php}$status_selected=empty($data['status'])?"selected":"";{/php}
					<option value="0" {$status_selected}>在左侧菜单隐藏</option>
				</select>
			</div>
		</div>

		<div class="layui-form-item">
			<div class="layui-input-block">
				<input type="hidden" name="id" value="{$data.id}" />
				<button class="layui-btn" lay-submit lay-filter="formDemo">提交</button>
				<a class="layui-btn layui-btn-primary" href="{:url('index')}">返回</a>
			</div>
		</div>
	</form>
</div>
{/block}


{block name="footer"}
<script>
layui.use(['form'], function () {
    var form = layui.form;
    form.on('select(changeParentId)', function (data) {
    	
    	//非一级菜单
    	if(data.value>0){
    		$('#J_div_tab_type').hide();
    	}
    	else{
    		$('#J_div_tab_type').show();
    	}
    });
})
</script>
{/block}