<?php include_once(mvc::$cfg['PATH_TPL'].'public/topSeller.php');?>
<div class="design">
	<div id="publishDesign">	
	<div class="design-save clearfix">
		<div class="leftMenu clearfix pull-left">
			<nav class="navbar navbar-default">
			  <div class="container-fluid">
			    <div class="navbar-header">
			    	<div class="menu-left navbar-brand" onclick="DESIGN.changeTpl();">
						<span class="menu-title">店铺模板</span>
					</div>
			    	<div class="menu-left navbar-brand" onclick="showModuleMenu('module',this);" id="mianModule">
						<!-- <span class="iconDesign iconDeModul"></span> -->
						<span class="menu-title">模块</span>
					</div>
			    	<div class="menu-left navbar-brand" onclick="DESIGN.editStyle(this);" id="editCss">
						<!-- <span class="iconDesign iconDeCss"></span> -->
						<span class="menu-title">CSS</span>
					</div>
			    </div>
			  </div>
			</nav>
			<div class="menu-content" id="module">
				<button type="button" onclick="colseMenuContent(this,'mianModule');" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
				<div class="menu-notice">
					<p>选择所需模块，并拖动至相应位置</p>
				</div>
				<ul class="menu-sizeNav">
					<li onclick="changeSize(this,'full','<?php echo $Params['designType']?$Params['designType']:0;?>');">全屏</li>
					<li onclick="changeSize(this,1200,'<?php echo $Params['designType']?$Params['designType']:0;?>');">1200</li>
					<li onclick="changeSize(this,950,'<?php echo $Params['designType'];?>');">970</li>
					<li onclick="changeSize(this,240,'<?php echo $Params['designType'];?>');">210</li>
				</ul>
				<div class="modul-list">
					<ul>
						<?php foreach($moduleList as $key=> $module){?>
						<li class="module <?php foreach($module['width'] as $width){echo 'size-',$width,' ';}?> drag" data-tag="<?php echo $key;?>">
							<span class="iconDesign icon<?php echo $key;?>"></span>
							<div class="menu-title"><?php echo $module['title'];?></div>
						</li>
						<?php }?>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="left-select">
			<label>当前页面：</label>
			<select class="form-control view-page" name="view-page">
				<option value="index" data-view="<?php echo http_build_query(array_merge($Params,['viewPage'=>'index']));?>" <?php if($Params['viewPage']=='index'){echo 'selected';}?>>店铺首页</option>
				<option value="search" data-view="<?php echo http_build_query(array_merge($Params,['viewPage'=>'search']));?>" <?php if($Params['viewPage']=='search'){echo 'selected';}?>>配件搜索页</option>
				<option value="item" data-view="<?php echo http_build_query(array_merge($Params,['viewPage'=>'item']));?>" <?php if($Params['viewPage']=='item'){echo 'selected';}?>>配件详情页</option>
			</select>
		</div>
		<div class="pull-left layou-box">
			<label>切换布局：</label>
			<a class="layou-list <?php if($Params['designType']!=111){?> active layou-list-img1-active <?php }else{?> layou-list-img1 <?php }?>" href="/seller/design?<?php echo http_build_query(array_merge($Params,['designType'=>121]));?>"></a>
			<a class="layou-list <?php if($Params['designType']==111){?> active layou-list-img2-active <?php }else{?> layou-list-img2 <?php }?>" href="/seller/design?<?php echo http_build_query(array_merge($Params,['designType'=>111]));?>"></a>
		</div>
		<div class="save-btn">
			<button type="button" class="btn btn-default" onclick="DESIGN.getBakDesignTpl();return false;">备份</button>
			<button type="button" class="btn btn-default" onclick="DESIGN.preview(<?php echo $Params['dehId'];?>);">预览</button>
			<button type="button" class="btn btn-info" onclick="DESIGN.publishShop();return false;">发布站点</button>
		</div>
	</div>
	<div class="designContent">
		<div class="shop-top">
		<?php if(!empty($htmlArr['top'])){?>
		<?php foreach($htmlArr['top'] as $k=> $html){?>
			<?php if($k<1){continue;}?>
			<?php echo $html;?>
			<input type="hidden" name="top[]" value='<?php echo json_encode($pageConfing['modules']['top'][$k],JSON_UNESCAPED_UNICODE);?>'/>
		<?php }?>
		<?php }?>
		</div>
		<div class="clear"></div>
		<div class="shop-full clearfix shop-fullt" data-size='1200,full'>
		<?php if(!empty($htmlArr['fullt'])){?>
			<?php foreach($htmlArr['fullt'] as $k=> $html){?>
				<?php echo $html;?>
				<input type="hidden" name="fullt[]" value='<?php echo json_encode($pageConfing['modules']['fullt'][$k],JSON_UNESCAPED_UNICODE);?>'/>
				<div class="clear"></div>
			<?php }?>
			<?php }?>
		</div>
		<div class="clear"></div>
		<div class="shop-middle clearfix">
			<div class="shop-left clearfix" data-size='240'>
			<?php if(!empty($htmlArr['left'])){?>
			<?php foreach($htmlArr['left'] as $k=> $html){?>
				<?php echo $html;?>
				<input type="hidden" name="left[]" value='<?php echo json_encode($pageConfing['modules']['left'][$k],JSON_UNESCAPED_UNICODE);?>'/>
				<div class="clear"></div>
			<?php }?>
			<?php }?>
			</div>
			<div class="shop-right" data-size='950'>
			<?php if(!empty($htmlArr['right'])){?>
			<?php foreach($htmlArr['right'] as $k=> $html){?>
				<?php echo $html;?>
				<input type="hidden" name="right[]" value='<?php echo json_encode($pageConfing['modules']['right'][$k],JSON_UNESCAPED_UNICODE);?>'/>
				<div class="clear"></div>
			<?php }?>
			<?php }?>
			</div>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
		<div class="shop-full shop-fullb" data-size='1200,full'>
		<?php if(!empty($htmlArr['fullb'])){?>
			<?php foreach($htmlArr['fullb'] as $k=> $html){?>
				<?php echo $html;?>
				<input type="hidden" name="fullb[]" value='<?php echo json_encode($pageConfing['modules']['fullb'][$k],JSON_UNESCAPED_UNICODE);?>'/>
				<div class="clear"></div>
			<?php }?>
			<?php }?>
		</div>
		<div class="clear"></div>
		<div class="shop-foot">
			<?php if(!empty($htmlArr['foot'])){?>
			<?php foreach($htmlArr['foot'] as $k=> $html){?>
				<?php echo $html;?>
				<input type="hidden" name="foot[]" value='<?php echo json_encode($pageConfing['modules']['foot'][$k],JSON_UNESCAPED_UNICODE);?>'/>
			<?php }?>
			<?php }?>
		</div>
		<div class="clear"></div>
	</div>
	<div class="clear"></div>
	<?php if($Params['designType']=='111'){?>
	<input type="hidden" name="type" value="111">
	<?php }else{?>
	<input type="hidden" name="type" value="121">
	<?php }?>
	<input type="hidden" name="tplName" value="<?php echo $Params['tplName'];?>">
	<input type="hidden" name="change" value="<?php echo (int)$Params['isChange'];?>">
	</div>
</div>
<!-- Modal -->
<div class="modal design-modal" id="layer_box" tabindex="-1" role="dialog" aria-labelledby="layer_box">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content"></div>
	</div>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footAll.php');?>
<script type="text/javascript">
	var design=true;
	var tolList=<?php echo json_encode($tplList,JSON_UNESCAPED_UNICODE);?>;
$(document).ready(function(){
	DESIGN.init('<?php echo $Params['designType'];?>');
	$('.menu-sizeNav li').eq(0).trigger('click');
});
</script>