{template 'common/header'}
<style>
.js-icon i {margin:5px;font-size:30px;cursor:pointer;color:#ccc;}
.col-sm-5 .input-group .form-control {width: 100% !important;}
.col-sm-5 .input-group .form-control {width: 100% !important;}
.col-sm-5 .row.row-fix .col-xs-8 {width: 95% !important;}
.form-horizontal .form-group {margin-right: 0px;margin-left: 0px;margin-bottom: 15px;}
</style>
<link rel="stylesheet" href="{MODULE_URL}zmui/icon/iconfont.css"/><!--加快统一素质材-->
<link rel="stylesheet" href="{MODULE_URL}template/zmcnuicss/zmcnui.css"/>
<ul class="we7-page-tab">
	<li><a href="index.php?c=module&a=manage-account&do=setting&module_name={$_W['current_module']['name']}&version_id=0">系统设置</a></li>
	<li><a href="{php echo $this->createWebUrl('gs', array('version_id'=>0));}">机构管理</a></li>
	<li><a href="{php echo $this->createWebUrl('banner', array('op'=>'display','version_id'=>0));}">幻灯片管理</a></li>
	<li {if $op == 'display'}class="active"{/if}><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'display','version_id'=>0));}">导航列表</a></li>
	<li {if $op == 'edit'}class="active"{/if}><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'edit','version_id'=>0));}">{if empty($anav['id'])}添加{else}编辑{/if}导航</a></li>
	{if $op == 'display'}
		<li class="pull-right active"><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'addall','version_id'=>0));}">导入常用</a></li>	
	{/if}
</ul>
{if $_GPC['op'] == 'display'}
<div class="panel panel-default">
	<div class="panel-heading">导航列表</div>
	<table class="panel-body table-responsive table table-hover">
		<thead class="navbar-inner">
			<tr>
				<th style="text-align:center; width:60px;">图标</th>
				<th style="text-align:left; width:80px;">名称</th>
				<th style="text-align:center; width:80px;">位置</th>
				<th style="text-align:left; width:200px;">说明</th>
				<th style="text-align:left; width:80px;">状态</th>
				<th style="text-align:right; width:80px;">操作</th>
			</tr>
		</thead>
		<tbody>
			{loop $navs $id=>$nav}
			<tr style="text-align:center;">
				<td style="width:60px;">
					{if !empty($nav['icon'])}
					<img src="{php echo tomedia($nav['icon']);}" style='height:20px;width:20px;'/>
					{else}
					<span class="{$nav['css']['icon']['icon']}" style="font-size:20px;color:{$nav['css']['icon']['color']};">
					{/if}
				</td>
				<td class="text-left">{$nav['name']}</td>
				<td>{$sans[$nav['section']]}</td>
				<td class="text-left">{$nav['description']}</td>
				<td style="text-align:left;">{$isok[$nav['status']]} {if $nav['buyid']}<span class='label label-success'>导入</span>{/if}</td>
				<td style="text-align:right;">
					<a rel="tooltip" href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'edit','id'=>$nav['id'],'version_id'=>0));}" title="编辑" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top" title="编辑"><i class="fa fa-pencil"></i></a>
					<a onclick="if(!confirm('删除后将不可恢复,确定删除吗?')) return false;" href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'delete','id'=>$nav['id'],'version_id'=>0));}" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top" title="" data-original-title="删除"><i class="fa fa-times"></i></a>
				</td>
			</tr>
			{/loop}
			{if empty($navs)}
			<tr><td colspan="6">尚未有导航</td></tr>
			{/if}
		</tbody>
	</table>
	<div class="panel-footer" style="padding-top: 5px; padding-bottom: 0px;" align="center">{$pager}</div>
</div>
 <script type="text/javascript">
 	require(['bootstrap'],function($){
		$('[data-toggle="tooltip"]').tooltip();
	});
</script>
{/if}
{if $_GPC['op'] == 'edit'}
<div class="main">
	<div class="panel panel-default">
		<div class="panel-heading">{if empty($anav['id'])}添加{else}编辑{/if}导航</div>
		<form action="" method="post" class="form-horizontal form" id="form" onkeydown="if(event.keyCode==13)return false;">
			<div class="panel-body">
				<div class="form-group">
					<label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">名称</label>
					<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						<input type="text" name="anav[name]" class="form-control" value="{$anav['name']}" />
					</div>
					<label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">导航显示</label>
					<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						<div class="input-group">
							<span class="input-group-addon">位置</span>
							<select class="form-control input-medium" name="anav[section]">
							{loop $sans $id $san}
							<option value="{$id}" {if $id==$anav['section']}selected{/if}>{$san}</option>
							{/loop}	
							</select>
							<span class="input-group-addon">突出</span>
							<select class="form-control input-medium" name="anav[css][class]">
								<option value="1" {if '1'==$anav['css']['class']}selected{/if}>突出</option>
								<option value="0" {if '0'==(int)$anav['css']['class']}selected{/if}>常规</option>
							</select>
						</div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">链接</label>
					{if $anav['buyid']}
					<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						<input type="text" class="form-control"  value="{$anav['url']}" readonly="readonly" />
					</div>
					{else}
					<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						{php echo tpl_form_field_link('anav[url]', $anav['url']);}
					</div>
					{/if}
					<label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">管理</label>
					<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						<div class="input-group">
							<span class="input-group-addon">状态</span>
							<select class="form-control input-medium" name="anav[status]">
								<option value="1" {if '1'==$anav['status']}selected{/if}>显示</option>
								<option value="0" {if '0'==$anav['status']}selected{/if}>隐藏</option>
							</select>
							<span class="input-group-addon">排序</span>
							<input type="text" name="anav[displayorder]" class="form-control" placeholder="导航排序，越大越靠前" value="{$anav['displayorder']}" />
						</div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">图标图片</label>
					<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						{php echo tpl_form_field_image('anav[icon]', $anav['icon']);}
					</div>
					<label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">描述</label>
					<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						<textarea class="form-control" name="anav[description]" placeholder="" id="goodsdescription"  rows="6">{$anav['description']}</textarea>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">系统图标</label>
					<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						<div class="input-group">
							<span class="input-group-addon"><i id="ylicon" class="{$anav['css']['icon']['icon']}"></i></span>
							<input type="text" class="form-control" name="anav[css][icon][icon]" id="pass" placeholder="请点击右边按钮选择图标" value="{$anav['css']['icon']['icon']}" >
							<span class="input-group-addon" style="cursor:pointer" onclick="$('#myModal').modal();" >图标</span>
						</div>
					</div>
					<label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">图标颜色</label>
					<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						{php echo tpl_form_field_color('anav[css][icon][color]', $anav['css']['icon']['color']);}
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">图标大小</label>
					<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						<div class="input-group">
							<input type="text" class="form-control" name="anav[css][icon][width]" id="pass" placeholder="如：20" value="{$anav['css']['icon']['width']}" >
							<span class="input-group-addon">PX</span>
						</div>
					</div>
					<label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">文字颜色</label>
					<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						{php echo tpl_form_field_color('anav[css][name][color]', $anav['css']['name']['color']);}
					</div>
				</div>
			</div>
			<div class="panel-footer" style="padding-top: 5px; padding-bottom: 5px;" align="center">	
				<input type="hidden" name="id" value="{$anav['id']}" />
				<input type="hidden" name="token" value="{$_W['token']}" />
				<button type="submit" class="btn btn-primary span3" name="submit" value="提交" style="width:150px;">提交</button>
			</div>
		</form>	
	</div>
</div>



<div class="modal fade" id="myModal" tabindex="-3" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
	<div class="modal-dialog" style='width:750px;'>
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close two" data-dismiss="modal" aria-hidden="true" >&times;</button>
				<h4 class="modal-title" id="myModalLabel">选择图标</h4>
			</div>
			<div class="modal-body js-icon">
				
{php $txt="zmui-icon-home.zmui-icon-share.zmui-icon-help.zmui-icon-gengduo.zmui-icon-suoding.zmui-icon-churuku.zmui-icon-edit2.zmui-icon-huojing.zmui-icon-dayinji.zmui-icon-jiangjia.zmui-icon-daochu.zmui-icon-dingwei.zmui-icon-acct2.zmui-icon-jifen1.zmui-icon-zan.zmui-icon-saoyisao.zmui-icon-jubao.zmui-icon-tishi.zmui-icon-daoru.zmui-icon-team3.zmui-icon-vip.zmui-icon-user-zhanzhang.zmui-icon-tel1.zmui-icon-acct1.zmui-icon-more.zmui-icon-myacct.zmui-icon-new-copy.zmui-icon-gengduo2.zmui-icon-cha.zmui-icon-msg.zmui-icon-root.zmui-icon-yuangong.zmui-icon-weixin1.zmui-icon-history.zmui-icon-moments.zmui-icon-ai-profit.zmui-icon-shipin.zmui-icon-yongjing.zmui-icon-acct3.zmui-icon-kefu.zmui-icon-pindan.zmui-icon-key.zmui-icon-icon.zmui-icon-tags.zmui-icon-tags1.zmui-icon-weiguanwang.zmui-icon-hot1.zmui-icon-gou.zmui-icon-huangguan.zmui-icon-zhuangpan.zmui-icon-order.zmui-icon-jiang.zmui-icon-card2.zmui-icon-uplevel.zmui-icon-jifen.zmui-icon-myedit.zmui-icon-jiandu.zmui-icon-jfduih.zmui-icon-redpark.zmui-icon-close2.zmui-icon-guanxitu.zmui-icon-pingzheng.zmui-icon-rukutongji.zmui-icon-chukutongji.zmui-icon-jiawx.zmui-icon-liuyan.zmui-icon-tongji.zmui-icon-dai.zmui-icon-bamk1.zmui-icon-acct4.zmui-icon-dajia.zmui-icon-yuncang.zmui-icon-xianshiqi.zmui-icon-woshou.zmui-icon-suyuan1.zmui-icon-slider-left.zmui-icon-chanpincanshu.zmui-icon-weixin.zmui-icon-manage.zmui-icon-avatar2.zmui-icon-daili.zmui-icon-goods.zmui-icon-huanyipi.zmui-icon-saomafafuo.zmui-icon-gongsi.zmui-icon-pda.zmui-icon-erweima.zmui-icon-notyei.zmui-icon-arrow2-bottom.zmui-icon-arrow2-top.zmui-icon-chuku.zmui-icon-user-add.zmui-icon-caigoukaidan.zmui-icon-baojiakaidan.zmui-icon-qq.zmui-icon-ruku.zmui-icon-usergroup2.zmui-icon-saoma1.zmui-icon-wxshan1.zmui-icon-add2.zmui-icon-zhuye.zmui-icon-search.zmui-icon-mtitle.zmui-icon-dianpu.zmui-icon-money.zmui-icon-shenfenxinxiyanzheng.zmui-icon-ytitle.zmui-icon-30title.zmui-icon-filter.zmui-icon-chaping.zmui-icon-zhongping.zmui-icon-jinzhi.zmui-icon-haoping.zmui-icon-weishang-fang.zmui-icon-kong.zmui-icon-practice.zmui-icon-suyuanma.zmui-icon-top.zmui-icon-heart-o.zmui-icon-groupbuyorder.zmui-icon-qiye.zmui-icon-cart.zmui-icon-daifahuo.zmui-icon-daishouhuo.zmui-icon-daishouhuo1.zmui-icon-guanzhu.zmui-icon-jifen2.zmui-icon-wuliu.zmui-icon-yiquxiao.zmui-icon-zuji1.zmui-icon-duihuanmingxi.zmui-icon-duihuan.zmui-icon-fukuan.zmui-icon-she.zmui-icon-choujiang.zmui-icon-yanpiao.zmui-icon-erweima1.zmui-icon-shoupiao.zmui-icon-shipin3.zmui-icon-weixinzhifu.zmui-icon-zfb.zmui-icon-fanch.zmui-icon-qiyeok.zmui-icon-tuku.zmui-icon-pause.zmui-icon-stop.zmui-icon-play.zmui-icon-slider-right.zmui-icon-new.zmui-icon-huodao.zmui-icon-groupbuy.zmui-icon-zhiwen.zmui-icon-pinzheng.zmui-icon-she1.zmui-icon-chaxun";$icons=explode(".", $txt);}

{loop $icons $id $icon}
<i class="{$icon}"></i>
{/loop}	
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			</div>
		</div>
	</div>
</div>
<script src="{$_W['siteroot']}addons/zmcn_cer/template/zmcnuijs/zmcnuijs.js?a={TIMESTAMP}"></script>
<script>
	$('.js-icon i').click(function(){
		var icc=$(this).attr('class');
		$('#pass').val(icc);
		$('#ylicon').attr('class',icc);
		$(".two").click();
	});
</script>







{/if}

{template 'common/footer'}