{template 'common/header'}
<style>
.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>
<ul class="we7-page-tab">
	<li {if $_GPC['op'] == 'display'}class="active"{/if}><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'display','version_id'=>0));}">幻灯片列表</a></li>
	<li {if $_GPC['op'] == 'edit'}class="active"{/if}><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'edit','version_id'=>0));}">{if empty($id)}添加{else}编辑{/if}幻灯片</a></li>
</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:left; width:190px;">图片</th>
						<th style="text-align:left; width:300px;">标题</th>
						<th style="text-align:left; width:200px;">链接</th>
						<th style="text-align:left; width:100px;">属性</th>
						<th style="text-align:right; width:80px;">操作</th>
					</tr>
				</thead>
				<tbody>
					{loop $list $item}
					<tr style="text-align:center;">
						<td class="text-left">
							<img src="{php echo tomedia($item['thumb'])}" class="img-responsive" width="180"/>
						</td>
						<td class="text-left">{$item['title']}</td>
						<td class="text-left"><a href="{$item['url']}">{$item['url']}</a></td>
						<td class="text-left">
                 <div class="btn-group btn-group-xs" role="group">
					{if $item['status']=='1'}<span class="label label-success">上架</span>{else}<span class="label label-default">下架</span>{/if}
					{if $item['displayorder']>0}<span class="label label-primary">排{$item['displayorder']}</span>{/if}<br>
                </div>
                <div style="clear: both;height: 5px;"></div>
                 <div class="btn-group btn-group-xs" role="group">
					<span class="label label-primary">{$sections[$item['section']]}</span>
                </div>
                <div style="clear: both;height: 5px;"></div>
                <div class="btn-group btn-group-xs" role="group">
					{if $item['sostart']>0}<span class="label label-primary">{$item['sostart']} {php echo $item['soend']?'~ '.$item['soend']:''}</span>{else}<span class="label label-success">长期</span>{/if}
                </div>
						</td>
						<td style="text-align:right;">
							<a rel="tooltip" href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'edit','id'=>$item['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'=>'del','id'=>$item['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($list)}
					<tr>
						<td colspan="5">尚未添加幻灯片</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="panel panel-default">
			<div class="panel-heading">
				{if empty($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">
						<div class='input-group'>
							<span class="input-group-addon" style="padding:0px;">
								<img src="{php echo tomedia($banner['thumb'])}" height="32" style="max-width:100px;" onerror="this.src='./resource/images/nopic.jpg'"/>
							</span>
							<input type="text" name="banner[thumb]" maxlength="300" value="{$banner['thumb']}" class="form-control" />
							<div class='input-group-btn'>
								<button class="btn btn-default" type="button" onclick="buy_showImageDialog(this);">选择</button>
								<button class="btn btn-default" type="button" onclick="buy_deleteImage(this);">删除</button>
							</div>
						</div>
						<div class="help-block">长方形图片,大小 720*360 左右则可</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">
						<input type="text" name="banner[title]" class="form-control" placeholder="" value="{$banner['title']}" />
					</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_link('banner[url]', $banner['url']);}
					</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">
						<select class="form-control" name="banner[section]">
							{loop $sections $sid $stitle}
								<option value="{$sid}" {if $sid==(int)$banner['section']}selected{/if}>{$stitle}</option>
							{/loop}
						</select>
					</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">状态</span>
							<select class="form-control input-medium" name="banner[status]">
								<option value="0" {if empty($banner['status'])}selected{/if}>下架</option>
								<option value="1" {if $banner['status']=='1'}selected{/if}>上架</option>
							</select>
							<span class="input-group-addon">排序</span>
							<input type="text" name="banner[displayorder]" class="form-control" value="{$banner['displayorder']}" />
						</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">
						<div class="input-group">
							<span class="input-group-addon" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="展示计划 从1012到1020代表从10月12日到10月20日显示">计划从</span>
							<input type="text" name="banner[sostart]" class="form-control" value="{$banner['sostart']}" onkeyup="value=value.replace(/[^1234567890]+/g,'')" maxlength="4" />
							<span class="input-group-addon">到</span>
							<input type="text" name="banner[soend]" class="form-control" value="{$banner['soend']}" onkeyup="value=value.replace(/[^1234567890]+/g,'')" maxlength="4" />
							<span class="input-group-addon">展示</span>
						</div>
					</div>
				</div>
			</div>
			<div class="panel-footer" style="padding-top: 5px; padding-bottom: 5px;" align="center">	
				<input type="hidden" name="id" value="{$banner['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>




		<script type="text/javascript">
			function buy_showImageDialog(elm, opts, options) {
				require(["util"], function(util){
					var btn = $(elm);
					var ipt = btn.parent().prev();
					var val = ipt.val();
					var img = ipt.prev().children();
					options = {'global':false,'class_extra':'','direct':true,'multiple':false,'fileSizeLimit':5120000};
					util.image(val, function(url){
						if(url.url){
							if(img.length > 0){
								img.get(0).src = url.url;
							}
							ipt.val(url.attachment);
							ipt.attr("filename",url.filename);
							ipt.attr("url",url.url);
						}
						if(url.media_id){
							if(img.length > 0){
								img.get(0).src = url.url;
							}
							ipt.val(url.media_id);
						}
					}, options);
				});
			}
			function buy_deleteImage(elm){
				$(elm).parent().prev().prev().children().attr("src", "./resource/images/nopic.jpg");
				$(elm).parent().prev().val("");
			}
		</script>





{/if}
{template 'common/footer'}