{template 'common/header'}
<ul class="we7-page-tab">
	<li><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'edit'));}">添加活动</a></li>
	<li><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'display'));}">活动列表</a></li>
	<li><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'edit','id' => $benefit['id']));}">编辑活动</a></li>
	<li {if $tp == '0' }class="active"{/if}><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'join','id' => $benefit['id'],'tp'=>'0'));}">默认</a></li>
	{php $tp8=array(2,3,4,5,7,1);}
	{loop $tp8 $i}	
	<li {if $tp == $i }class="active"{/if}><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'join','id' => $benefit['id'],'tp'=>$i));}">{$_W['zm_bjoin_st'][$i]}</a></li>	
	{/loop}
	<li {if $tp == '888' }class="active"{/if}><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'join','id' => $benefit['id'],'tp'=>'888'));}">全部</a></li>
	<li><a href="javascript:$('#myModal3').modal();">添加</a></li>
	<li class="pull-right"><a href="{php echo $this->createWebUrl($_GPC['do'], array('op' => 'joindc','id' => $benefit['id']))}">导出报名</a></li>
</ul>
<style>
.label{cursor:pointer;}
.table {margin-bottom: 0px;}
</style>
{php $zt8=array('label-primary','label-danger','label-info','label-success','label-warning','label-info','label-success','label-danger','label-default');}

{if $benefit['status']=='6' }
<div class="panel panel-default">
	<div class="panel-heading">报名项目：{$benefit['name']}</div>
	<form action="{php echo $this->createWebUrl($_GPC['do'], array('id' => $benefit['id'],'version_id'=>0))}" method="post" role="form" id="form1" class="form-horizontal form" onkeydown="if(event.keyCode==13)return false;">
	<table class="panel-body table-responsive table table-hover">
		<thead class="navbar-inner">
			<tr>
				<th style="text-align:left; width:20px;">选</th>
				<th style="text-align:left; width:100px;">姓名</th>
				<th style="text-align:center; 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:180px;">备注</th>
				<th style="text-align:center; width:60px;">属性</th>
				<th style="text-align:right; width:80px;">操作</th>
			</tr>
		</thead>
		<tbody>
			{loop $list $key $row}
			<tr style="text-align:center;">
			
				{if $row['status']=='7'}
				<td></td>
				{else}
				<td style="text-align:left;"><input class="weui-switch" type="checkbox" name="bjids[]" value="{$row['id']}" ></td>
				{/if}
				
				<td style="text-align:left;">{$row['username']}</td>
				<td>{$row['tel']}</td>
			{if $row['joinstarttime']>1000000 || $row['joinendtime']>10000000 }	
				<td>{php echo date('Y-m-d', $row['starttime'])}</td>
				<td>{php echo $row['joinstarttime']>100?date('H:i', $row['joinstarttime']):''} ~ {php echo $row['joinendtime']>10000?date('H:i', $row['joinendtime']):''}</td>
			{else}
				<td></td><td></td>
			{/if}
				<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_bjoin_st'][$row['status']]}</span>
				</td>
				<td style="text-align:right;">
					<a href="javascript:hoursedit({$row['id']});" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top" data-original-title="时数修改"><i class="fa fa-pencil-square-o"></i></a>
				</td>
			</tr>
			{/loop}
			{if empty($list)}
			<tr>
				<td colspan="9">尚未有报名</td>
			</tr>
			{/if}
			
			<tr>
				<th style="text-align:left; width:20px;" colspan="2"><input type="checkbox" id="chkRreviewOffline" value="" > 全选</th>
				<th style="text-align:left; width:100px;" colspan="7" ><input type="checkbox" name="isok" value="1" > 已经完成全部结算（勾选后，活动进入完结状态，将无法再补结算）</th>
			</tr>
		</tbody>
	</table>
	<div class="panel-footer" style="padding-top: 5px; padding-bottom: 5px;" align="center">
		<button type="submit" class="btn btn-primary span3" name="submit" value="2" style="width:150px;">提交结算时数</button>
		<input type="hidden" name="op" value="settle" />
	</div>
	</form>
</div>


<input type="hidden" name="gyid" id="gyid" value="0" />
<div class="modal fade" id="myModal2" tabindex="-2" role="dialog" aria-labelledby="myModalLabel2" 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="myModalLabel2">时数认证修改</h4>
			</div>
			<div class="modal-body">
				<div class='input-group form-group'>
					<span class="input-group-addon">实际时数</span>
					<input type="number" name="mykd" id="mykd" placeholder="" class="form-control" value="" size="4" />
					<span class="input-group-addon">小时</span>
				</div>
				<div class='input-group form-group' id="wltis"></div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary" onclick="hourseditok()">提交修改</button>
			</div>
		</div>
	</div>
</div>









{else}

<div class="panel panel-default">
	<div class="panel-heading"  data-toggle="collapse" href="#shus" aria-expanded="true" aria-controls="shus" style="cursor:pointer">报名项目：{$benefit['name']}</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:center; 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:center; width:120px;">时间</th>
				<th style="text-align:center; width:80px;">属性</th>
				<th style="text-align:right; width:120px;">操作</th>
			</tr>
		</thead>
		<tbody>
			{loop $list $key $row}
			<tr style="text-align:center;" id="user_{$row['id']}">
				<td style="text-align:left;">{$row['username']}</td>
				<td>{$row['tel']}</td>
				<td>{php echo date('Y-m-d', $row['starttime'])}</td>
				<td>{php echo date('H:i', $row['starttime'])} ~ {php echo date('H:i', $row['endtime'])}</td>	
				<td id="hours{$row['id']}">{$row['hours']}</td>
				<td>{php echo date('Y-m-d', $row['addtime'])}</td>
				<td>
					<span class="label {$zt8[$row['status']]} js-status">{$_W['zm_bjoin_st'][$row['status']]}</span>
				</td>
				<td style="text-align:right;">
				{if $row['status']=='0'}
					<a onclick="if(!confirm('删除后将不可恢复,确定删除吗?')) return false;" href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'joindel','jid'=>$row['id']));}" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top" data-original-title="删除"><i class="fa fa-times"></i></a>
				{elseif $row['status']<5}
					<a href="javascript:tongguo({$row['id']});" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top" data-original-title="报名审核通过"><i class="fa fa-check"></i></a>
					<a href="javascript:quxiao({$row['id']});" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top" data-original-title="报名审核不通过"><i class="fa fa-times"></i></a>
				{else}
					{$row['remark']}
				{/if}
				</td>
			</tr>
			{/loop}
			{if empty($list)}
			<tr>
				<td colspan="8">尚未有报名</td>
			</tr>
			{/if}
		</tbody>
	</table>
</div>


{/if}
<div class="modal fade" id="myModal3" tabindex="-2" role="dialog" aria-labelledby="myModalLabel3" 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="myModalLabel3">新增用户</h4>
			</div>
			<div class="modal-body">
				<div class='input-group form-group'>
					<span class="input-group-addon">用户手机号</span>
					<input type="number" name="mykd" id="mykd3" placeholder="" class="form-control" value="" size="11" />
				</div>
				<div class='input-group form-group' id="wltis3"></div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary" onclick="addjoinok();">提交修改</button>
			</div>
		</div>
	</div>
</div>
 <script type="text/javascript">
    function tongguo(jid) {
		var id='{$benefit['id']}';
		var tis = $('#user_' + jid + ' .js-status');
		var oop = tis.text();
		tis.text('操作中');
		$.post(window.location.href, {id:id,jid:jid,op:'jointg'}, function(s){
			if (s.message.zt==0) {
				tis.text('通过').attr('class','label label-success js-status');
			}else{
				tis.text(oop);
				alert(s.message.ts);
			}
		}, 'json');
    }
    function quxiao(jid) {
		var id='{$benefit['id']}';
		var tis = $('#user_' + jid + ' .js-status');
		var oop = tis.text();
		tis.text('操作中');
		$.post(window.location.href, {id:id,jid:jid,op:'joinqx'}, function(s){
			if (s.message.zt==0) {
				tis.text('不通过').attr('class','label label-danger js-status');
			}else{
				tis.text(oop);
				alert(s.message.ts);
			}
		}, 'json');
    }
    function hoursedit(jid) {
		$("#gyid").val(jid);
		var hours = $('#hours' + jid).text();
		$("#mykd").val(hours);
		$('#myModal2').modal();
	}
    function hourseditok() {
		var id='{$benefit['id']}';
		var jid=$("#gyid").val();
		var hours = $("#mykd").val();
		var tis = $('#hours' + jid);
		var oop = tis.text();
		tis.text('操作中');
		$.post(window.location.href, {id:id,jid:jid,hours:hours,op:'hoursedit'}, function(s){
			if (s.message.zt==0) {
				tis.text(hours);
				$(".two").click();
			}else{
				tis.text(oop);
				alert(s.message.ts);
			}
		}, 'json');
    }
    function addjoinok() {
		var id='{$benefit['id']}';
		var tis = $("#mykd3");	
		var sj = tis.val();
		tis.val('操作中.....');
		$.post(window.location.href, {id:id,sj:sj,op:'bjoinadd'}, function(s){
			if (s.message.zt==0) {
				tis.val('');
				$(".two").click();
				window.location.reload();
			}else{
				tis.val(sj);
				alert(s.message.ts);
			}
		}, 'json');
    }
	$("#chkRreviewOffline").click(function(){ 
	  if(this.checked){ 
		$('#form1 .weui-switch').each(function(index){ 
		  this.checked=true; 
		}); 
	  }else{ 
		$('#form1 .weui-switch').each(function(index){ 
		  this.checked=false; 
		}); 
	  } 
	}); 
</script>







 <script type="text/javascript">
 	require(['bootstrap'],function($){
		$('[data-toggle="tooltip"]').tooltip();
	});
</script>
{template 'common/footer'}