{extend name="public:base" /}
{block name="style"}
<style type="text/css">
	input,dl{font-size: 14px;}
	.layui-input{height: 30px !important;}
	.toolbar{margin-bottom: 10px;}
	.pl16{padding-left: 16px;}
	.w16{width: 16px;display: inline-block;}
	.collapse-link{float: right;cursor: pointer;}
</style>
{/block}
{block name="body"}
<div class="layui-fluid">
	<div class="layui-card">
		<div class="layui-card-header">
			{if condition="isset($pnavi['cname'])"}
			{$pnavi['cname']} > 
			{/if}
			导航权限
			{if condition="!empty($pnavi)"}
			<a class="collapse-link" onclick="history.go(-1)">返回</a>
			{/if}
		</div>
		<div class="layui-card-body">
			<input type="hidden" name="pid" value="{$pnavi['id']|default='0'}">
			<div id="navi-table" lay-filter="navi"></div>
		</div>
	</div>
</div>

<script type="text/html" id="topToolbar">
	<div class="layui-btn-container layui-form">
		<div class="layui-inline">
			<a class="layui-btn layui-btn-primary layui-btn-sm" lay-event="add" style="margin-bottom: 0px;">添加</a>
		</div>
		{if condition="empty($pnavi)"}
		<div class="layui-inline">
			<select name="position" lay-filter="position">
		        <option value="admin" {{# if(d.where.position == 'admin' ){ }}selected{{# } }}>后台</option>
		        <option value="mobile-top" {{# if(d.where.position == 'mobile-top' ){ }}selected{{# } }}>移动端 - 顶部</option>
		    </select>
	    </div>
	    {/if}
	</div>
</script>

<script type="text/html" id="toolbar">
	{{# if(d.children.length > 0){ }}
	<a class="layui-btn layui-btn-xs" lay-event="children">子导航</a>
	{{# }else{ }}
	<a class="layui-btn layui-btn-xs" lay-event="add">添加</a>
	{{# } }}
  	<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>
  	<a class="layui-btn layui-btn-danger layui-btn-xs " lay-event="delete">删除</a>
</script>
{/block}
{block name="script"}
<script type="text/javascript">
layui.config({
    base: '__JS__/',
    version:false
}).extend({
    index: 'lib/index' //主入口模块
}).use(['index', 'navi']);
</script>
{/block}