{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;}
.row.row-fix .col-xs-4{padding-left: 0px;padding-right: 0px;}
.table {margin-bottom: 0px;}
</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:50px;">ID</th>
						<th style="text-align:center; width:110px;">二维码</th>
						<th style="text-align:left; width:500px;">内容</th>
						<th style="text-align:left; width:60px;">属性</th>
						<th style="text-align:right; width:120px;">操作</th>
					</tr>
				</thead>
				<tbody>
					{loop $list $item}
					<tr style="text-align:center;">
						<td class="text-left">{$item['id']}</td>
						<td data-url="{$item['jpco']}" data-size="100" class="js-url-qrcode">
							<div class="qrcode-block"><canvas></canvas></div>
						</td>
						<td class="text-left">
							<p><span style="font-weight: bold;">标题：</span>{$item['title']}</p>
							<p><span style="font-weight: bold;">地点：</span>{$item['address']}</p>
							<p><span style="font-weight: bold;">备注：</span>{$item['remark']}</p>
						</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}
							</div>
						</td>
						<td style="text-align:right;">
							<a rel="tooltip" href="javascript:;" data-original-title="复制二维码链接" class="btn btn-default btn-sm links" data-toggle="tooltip" data-placement="top"  data-url="{$item['jpco']}"><i class="fa fa-qrcode"></i></a>
							<a rel="tooltip" href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'edit','id'=>$item['id'],'version_id'=>0));}" data-original-title="编辑" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top"><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" 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">
 	$(function() {
		require(['jquery.qrcode'], function(){
			$('.js-url-qrcode').each(function(){
				url = $(this).data('url');
				$(this).find('.qrcode-block').html('').qrcode({
					render: 'canvas',
					width: $(this).data('size'),
					height: $(this).data('size'),
					text: url
				});
			});
		});
		require(['jquery', 'util'], function($, u){
			$('.links').each(function(){
			  u.clip(this, $(this).attr('data-url'));
			});
		  });
		require(['bootstrap'],function($){
			$('[data-toggle="tooltip"]').tooltip();
		});
	});
</script>
{/if}
{if $_GPC['op'] == 'history'}
<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:100px;">二维码</th>
						<th style="text-align:left; width:100px;">活动</th>
						<th style="text-align:left; width:100px;">用户</th>
						<th style="text-align:center; width:80px;">日期</th>
						<th style="text-align:center; width:100px;">时段</th>
						<th style="text-align:center; width:60px;">时数</th>
						<th style="text-align:left; width:100px;">备注</th>
						<th style="text-align:center; width:80px;">属性</th>
						<th style="text-align:right; width:60px;">操作</th>
					</tr>
				</thead>
				<tbody>
					{loop $list $key $row}
					<tr style="text-align:center;">
						<td style="text-align:left;">{$bqrs[$row['bqrid']]['title']}</td>
						<td style="text-align:left;">{$benefits[$row['benefitid']]['title']}</td>
						<td style="text-align:left;">{$users[$row['buid']]['username']} {$users[$row['buid']]['phone']}</td>
						<td>{php echo date('Y-m-d', $row['addtime'])}</td>
						<td>{php echo $row['addtime']>100?date('H:i', $row['addtime']):''} ~ {php echo $row['endtime']>10000?date('H:i', $row['endtime']):''}</td>
						<td id="hours{$row['id']}">{$row['hours']}</td>
						<td style="text-align:left;">{$row['remark']}</td>
						<td>
							<span class="label {$zt8[$row['status']]}">{$_W['zm_bqrh_st'][$row['status']]}</span>
						</td>
						<td style="text-align:right;">
						{if empty($row['joinid']) }	
							<a href="#" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top" data-original-title="时数认证"><i class="fa fa-ban"></i></a>
						{/if}
						</td>
					</tr>
					{/loop}
					{if empty($list)}
					<tr>
						<td colspan="8">尚未有记录</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" style="margin-bottom: 0px;">
			<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" style="margin-bottom: 0px;margin-right: 0px;margin-left: 0px;padding-left: 0px;padding-right: 0px;">
				<div class="form-group">
					<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">标题</label>
					<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
						<input type="text" name="data[title]" class="form-control" placeholder="" value="{$bqr['title']}" />
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">投放地点</label>
					<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
						<input type="text" class="form-control" name="data[address]" value="{$bqr['address']}" />
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">投放坐标</label>
					<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10" style="padding-left: 30px;">
						{php echo tpl_form_field_coordinate('agentmap', $bqr)}
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">备注</label>
					<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
						<input type="text" name="data[remark]" class="form-control" placeholder="" value="{$bqr['remark']}" />
					</div>
				</div>
			</div>
			{if $id}
			<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 data-url="{$jpco}" data-size="180" class="js-url-qrcode">
					<div class="qrcode-block"><canvas></canvas></div>
				</div>
			</div>
			{/if}
		</div>
	</div>
	<div class="panel-footer" style="padding-top: 5px; padding-bottom: 5px;" align="center">	
		<input type="hidden" name="id" value="{$bqr['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() {
		require(['jquery.qrcode'], function(){
			$('.js-url-qrcode').each(function(){
				url = $(this).data('url');
				$(this).find('.qrcode-block').html('').qrcode({
					render: 'canvas',
					width: $(this).data('size'),
					height: $(this).data('size'),
					text: url
				});
			});
		});
	});
</script>
{/if}
{template 'common/footer'}