{include file="templates/html_header.html"}
		<!-- /section:basics/navbar.layout -->
		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
			{literal}
				try{ace.settings.loadState('main-container')}catch(e){}
			{/literal}
			</script>
			<!-- #section:basics/sidebar -->
			{include file="templates/html_sidebar.html"}
			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<div class="main-content-inner">
					<!-- #section:basics/content.breadcrumbs -->
					<div class="breadcrumbs ace-save-state" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="ace-icon fa fa-home home-icon"></i>
								<a href="index.php">首页</a>
							</li>
							<li class="active">{$title}</li>
						</ul><!-- /.breadcrumb -->
						<!-- /section:basics/content.searchbox -->
					</div>

					<!-- /section:basics/content.breadcrumbs -->
					<div class="page-content">
					<h3 class="header smaller lighter blue">
						{$title}
						<small>摇一摇游戏设置列表</small>
					</h3>
						<div class="row">
							<div class="col-xs-12">
							<div class="widget-box widget-color-blue" id="widget-box-2">
								<div class="widget-header">
									<h5 class="widget-title bigger lighter">
										<i class="ace-icon fa fa-users"></i>
										摇一摇游戏设置
									</h5>
									<div class="widget-toolbar no-border">
										<label>
										<button class="btn btn-xs btn-warning btn_add" onclick="openconfigform(0)">添加</button>
										</label>
										
									</div>
								</div>
							<div class="widget-body">
								<div class="widget-main no-padding">
									<!-- PAGE CONTENT BEGINS -->
									<table class="table table-striped table-bordered table-hover">
										<thead class="thin-border-bottom">
											<tr>
												<th>序号</th>
												<th>
													持续条件
												</th>
												<th>
													前N名中奖
												</th>
												<th>
													状态
												</th>
												<th>
													是否可重复中奖
												</th>
												<th>
													结果显示方式
												</th>
												<th>
													主题
												</th>
												<th >操作</th>
											</tr>
										</thead>
										<tbody>
										{foreach $shake_configs as $item}
											<tr >
												<td >{$item['id']}</td>
												<td >{$item['duration']}{if $item['durationtype']==1}秒{else}次{/if} </td>
												<td >{$item['toprank']}</td>
												<td >{$item['statustext']}</td>
												<td >{$item['winningagaintext']}</td>
												<td >{$item['showstyletext']}</td>
												<td >{$item['themename']}</td>
												<td >
													<a href="###" onclick="openconfigform({$item['id']})"><span class="label label-primary">修改</span></a>
													<a href="shakerecord.php?id={$item['id']}" ><span class="label label-primary">游戏结果</span></a>
													<a href="###" onclick="clearshake({$item['id']})"><span class="label label-danger">重置游戏</span></a>
													<a href="###" onclick="del({$item['id']})"><span class="label label-danger">删除</span></a>
												</td>
											</tr>
										{/foreach}
										</tbody>
									</table>
									{$pagehtml}
									</div>
									</div>
								</div>

								<div id="configmodal" class="modal" tabindex="-1">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal">&times;</button>
												<h4 class="blue bigger">摇一摇游戏设置</h4>
											</div>
											<div class="modal-body">
												<div class="row">
													<div class="col-sm-12">
													<div class="row">
														<div class="form-group">
															<label  class="col-xs-4" style="text-align: right;">持续类型：</label>
															<div>
																<label class="radio-inline">
		                                                          <input type="radio" class="ace " name="durationtype" value="1"> <span class="lbl">时间</span>
		                                                        </label>
		                                                        <label class="radio-inline">
		                                                          <input type="radio" class="ace " name="durationtype" value="2"> <span class="lbl">摇晃次数</span>
		                                                        </label>
															</div>
														</div>
													</div>
													<div class="space-4"></div>
													<div class="row">
														<div class="form-group">
															<label class="col-xs-4 shake-duration" style="text-align: right;">摇晃次数：</label>
															<div>
																<input type="number"  name="duration"  class="col-xs-5" value="" />
															</div>
														</div>
													</div>

													<div class="space-4"></div>
													<div class="row">
														<div class="form-group">
															<label  class="col-xs-4" style="text-align: right;">前N名中奖：</label>
															<div>
																<input type="number"  name="toprank"  class="col-xs-5" value="" />
															</div>
														</div>
													</div>

													<div class="space-4"></div>
													<div class="row">
														<div class="form-group">
															<label  class="col-xs-4" style="text-align: right;">状态：</label>
															<div>
																<select class="chosen-select col-xs-5"  name="status" >
																	<option value="1">未开始</option>
																	<option value="2">进行中</option>
										                          	<option value="3">结束</option>
																</select>
															</div>
														</div>
													</div>
														
													<div class="space-4"></div>
													<div class="row">
														<div class="form-group">
															<label class="col-xs-4" style="text-align: right;">可重复中奖：</label>
															<div>
																<select class="chosen-select col-xs-5" name="winningagain" data-placeholder="请选择显示类型">
																	<option value="1">不可</option>
										                          	<option value="2">可以</option>
																</select>
															</div>
														</div>
													</div>
													
													<div class="space-4"></div>
													<div class="row">
														<div class="form-group">
															<label class="col-xs-4" style="text-align: right;">显示类型：</label>
															<div>
																<select class="chosen-select col-xs-5" name="showstyle" data-placeholder="请选择显示类型">
																	<option value="1">昵称</option>
										                          	<option value="2">姓名</option>
										                          	<option value="3">手机号</option>
																</select>
															</div>
														</div>
													</div>

													<div class="space-4"></div>
													<div class="row">
														<div class="form-group">
															<label class="col-xs-4" style="text-align: right;">主题：</label>
															<div>
																<select class="chosen-select col-xs-5" name="themeid" data-placeholder="请选择主题">
																	{foreach $themes $item}
																	<option value="{$item['id']}">{$item['themename']}</option>
																	{/foreach}
																</select>
															</div>
														</div>
													</div>
													<div class="space-4"></div>
												</div>
											</div>

											<div class="modal-footer">
												<input name="id" type="hidden" value="0"/>
												<button class="btn btn-sm" data-dismiss="modal" >
													<i class="ace-icon fa fa-times"></i>
													取消
												</button>
												<button class="btn btn-sm btn-primary" onclick="saveconfig();">
													<i class="ace-icon fa fa-check"></i>
													保存
												</button>
											</div>
										</div>
									</div>
								</div>
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
			</div><!-- /.main-content -->
{include file="templates/html_footercontent.html"}
<!-- 写每个页面自定的js -->
<script type="text/javascript">
{literal}
function del(id){
	if(!confirm("确认删除这条配置记录吗？"))return false;
	$.ajax({
		"url":"doshake.php?action=delitem",
		"data":{"id":id},
		"type":"post",
		"dataType":"json",
		"success":function(json){
			if(json.code>0){
				alert(json.message);
				window.location.reload();
			}else
				alert(json.message);
		}
		
	});
}
function clearshake(id){
	if(!confirm("确认删除这个配置的数据吗？"))return false;
	$.ajax({
		"url":"doshake.php?action=clearshake",
		"data":{"id":id},
		"type":"post",
		"dataType":"json",
		"success":function(json){
			if(json.code>0){
				alert(json.message);
				window.location.reload();
			}else
				alert(json.message);
		}
	});
}
function openconfigform(id){
	$('input[name=id]').val(id);
	if(id>0){
		$.ajax({
			"url":"doshake.php?action=getconfig",
			"type":"post",
			"data":{"id":id},
			"dataType":"json",
			"success":function(json){
				console.log(json);
				if(json.code>0){
					// console.log(json.data);
					if(json.data.durationtype==1){
						$($('input[name=durationtype]')[0]).attr('checked',true);
					}else{
						$($('input[name=durationtype]')[1]).attr('checked',true);
					}
					$('input[name=duration]').val(json.data.duration);
					$('input[name=toprank]').val(json.data.toprank);
					$('select[name=status]').val(json.data.status);
					$('select[name=winningagain]').val(json.data.winningagain);
					$('select[name=showstyle]').val(json.data.showstyle);
					$('select[name=themeid]').val(json.data.themeid);
					// durationtype
					// $('select[name=editable]').val(json.data.editable);
				}
			}
		})
	}else{
		$($('input[name=durationtype]')[0]).attr('checked',true);
		$('.shake-duration').html('持续时间（秒）:');
		$('input[name=duration]').val(30);
		$('input[name=toprank]').val(3);
		$('select[name=status]').val(1);
		$('select[name=winningagain]').val(1);
		$('select[name=showstyle]').val(1);
		$('select[name=themeid]').val(1);
	}
	$('#configmodal').modal('show');
}

function saveconfig(){
	var id=$('input[name=id]').val();
	var durationtype=$('input[name=durationtype]:checked').val();
	var duration=$('input[name=duration]').val();
	var toprank=$('input[name=toprank]').val();
	var status=$('select[name=status]').val();
	var winningagain=$('select[name=winningagain]').val();
	var showstyle=$('select[name=showstyle]').val();
	var themeid=$('select[name=themeid]').val();
	$.ajax({
		"url":"doshake.php?action=saveconfig",
		"type":"post",
		"data":{"id":id,"durationtype":durationtype,"duration":duration,"toprank":toprank,"status":status,"winningagain":winningagain,"showstyle":showstyle,"themeid":themeid},
		"dataType":"json",
		"success":function(json){
			if(json.code>0){
				window.location.reload();
			}else{
				alert(json.message);
			}
		}
	});
}
$(function(){
	$('input[name=durationtype]').on('change',function(){
		var durationtype=$('input[name=durationtype]:checked').val();
		if(durationtype==1){
			$('.shake-duration').html('持续时间（秒）:');
		}else{
			$('.shake-duration').html('摇晃次数（次）:');
		}
	});
})
function changedurationtype(){

}
{/literal}
</script>
{include file="templates/html_footer.html"}