{extend name="public:base" /}
{block name="style"}
<style type="text/css">
.layui-fluid{padding: 0;}
.btn-group{margin-bottom: 10px;}
.collapse-link{float: right;cursor: pointer;}
	#banners .layui-col-md3{padding-right: 7.5px;}
	#banners img{width: 100%;}
	#banners i{position: absolute;color: #fff;right: 12px;top: 5px;background-color: #ff5722;border-radius: 50%;width: 16px;height: 16px;text-align: center;line-height: 16px;top: 5px;
	}
	#banner{   border: 1px solid #D2D2D2;width: 128px !important}
	.layui-row::after, .layui-row::before {display: none;}
</style>
{/block}
{block name="body"}
<div class="layui-fluid">	
	<div class="layui-card">
		<div class="layui-card-body">
			<form class="layui-form" lay-filter="LAY-navi-add">
				{if condition="empty($pnavi)"}
				<input type="hidden" name="position" value="{$position}">
				{else /}
				<input type="hidden" name="position" value="{$pnavi.position}">
				{/if}
				<div class="layui-form-item">
					<input type="hidden" name="pid" value="{$pnavi.id}">
					<label class="layui-form-label">上级菜单</label>
					<div class="layui-form-mid layui-word-aux">{$pnavi.cname|default='无'}</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">标识</label>
					<div class="layui-input-inline">
						<input type="text" name="name" autocomplete="off" class="layui-input">     
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">名称</label>
					<div class="layui-input-block">
						<input type="text" name="cname"  lay-verify="required" autocomplete="off" class="layui-input">     
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">图标</label>
					<div class="layui-input-inline">
						<input type="text" name="icon" autocomplete="off" class="layui-input">     
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">图片</label>
					<div class="layui-input-block">
						<input type="hidden" name="image" value="">
						<img src="__STATIC__/images/default_image.gif" class="file" data-name="image">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">动作</label>
					<div class="layui-input-block">
						<input type="text" name="action" autocomplete="off" class="layui-input">     
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">参数</label>
					<div class="layui-input-block">
						<input type="text" name="params" autocomplete="off" class="layui-input">     
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">打开方式</label>
					<div class="layui-input-block">
						<input type="radio" name="target" value="_self" title="默认方式" checked>
						<input type="radio" name="target" value="_blank" title="新选项卡">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">类型</label>
					<div class="layui-input-block">
						<input type="radio" name="type" value="1" title="菜单" checked>
						<input type="radio" name="type" value="2" title="权限" >
						<input type="radio" name="type" value="3" title="菜单+权限" >
					</div>
				</div>
				<div class="layui-form-item layui-layout-admin">
					<div class="layui-input-block">
						<div class="layui-footer" style="left: 0;">
							<button class="layui-btn" lay-submit lay-filter="LAY-navi-add">立即提交</button>
							<button type="reset" class="layui-btn layui-btn-primary">重置</button>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>

{/block}
{block name="script"}
<script type="text/javascript">
	layui.config({
    base: '__JS__/' //静态资源所在路径
}).extend({
    index: 'lib/index' //主入口模块
}).use(['index', 'navi']);
</script>
{/block}