{extend name="public/base"/}
{block name="style"}

<link rel="stylesheet" href="__PUBLIC__/plugs/tagsinput/bootstrap-tagsinput.css">
<script src="__PUBLIC__/plugs/tagsinput/bootstrap-tagsinput.js"></script>

<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/webuploader/webuploader.css">
<!-- 配置文件 -->
<script type="text/javascript" src="__PUBLIC__/plugs/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="__PUBLIC__/plugs/ueditor/ueditor.all.min.js"></script>
<!-- datepicker statr -->
<link href="__PUBLIC__/plugs/datepicker/css/foundation-datepicker.min.css" rel="stylesheet" type="text/css">
<script src="__PUBLIC__/plugs/datepicker/js/foundation-datepicker.js"></script>
<script src="__PUBLIC__/plugs/datepicker/js/foundation-datepicker.zh-CN.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/board/board.min.css">
<!-- datepicker end -->
{/block}
{block name="body"}
<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-left">
			<h2>{$meta_title}</h2>
		</div>
	</header>
	<div class="main-box-body clearfix">
		<form method="post" class="form form-horizontal">
			{if !isset($info)}
			{assign name="info" value="" /}
			{/if}
			{if !empty($fieldGroup)}
			<div class="tabs-wrapper">
				<ul class="nav nav-tabs">
					{volist name="fieldGroup" id="vGroup"}
					<li {if $i eq 1}class="active"{/if}><a href="#tab{$key}" data-toggle="tab">{$key}</a></li>
					{/volist}
				</ul>
				<div class="tab-content">
					{volist name="fieldGroup" id="vGroup"}
					<div class="tab-pane fade {if condition="$i eq 1"}in active{/if}" id="tab{$key}">						
						{volist name="vGroup" id="field" key="k"}
						{if $field['type'] eq 'hidden'}
						<input type="hidden" name="{$field['name']}" value="{$info[$field['name']]|default=''}"/>
						{else/}
						<div class="form-group col-md-12">
							<label class="col-lg-2 control-label">{$field['title']|htmlspecialchars}</label>
							<div class="l-lg-10 col-sm-10">
								{:widget('common/Form/show',array($field,$info))}
								<div class="help-block">{$field['help']|default=''}</div>
							</div>
						</div>
						{/if}
						{/volist}
						<div class="table-responsive clearfix col-md-12">
			<label class="col-lg-2 control-label">活动内容</label>
			<div class="l-lg-10 col-sm-10">
			<table class="table" >
				<thead>
					<tr>
						<th>类型</th>
						<th>充值金额</th>
						<th>阅读币/优惠时长</th>
						<th>赠送阅读币</th>
						<th>描述</th>
						<th><a class="btn btn-success" id="addpage">添加</a></th>
					</tr>
				</thead>
				<tbody id="page">
				</tbody>
			</table><div class="help-block">备注：<br/><font size="" color="#ff3300">限时优惠正常填写阅读币、赠送阅读币;例如：充值金额填了19.9，阅读币就必须填写1990，充值金额与阅读币只能是100倍数的关系<br/>包月、包季、包年 必须填写优惠时长，不填写将会影响充值；例如30就代表优惠30天，90就代表优惠90天，</font></div></div>
					</div>
					</div>
					{/volist}
				</div>
			</div>
			{/if}
			
			<div class="form-group">
				<div class="col-lg-offset-2 col-lg-10">
					<input type="hidden" name="id" value="{$info['id']|default=''}">            
					<button class="btn btn-success submit-btn ajax-post" type="submit" target-form="form-horizontal">确 定</button>
					<button class="btn btn-danger btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
				</div>
			</div>
		</form>
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.custom.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/droppable.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/board/board.min.js"></script>
<script type="text/javascript" >
$(function(){
	var html ='';
	html = '<tr>';
	html +='<td><select class="form-control" name="content[type][]" id="type" style="width:auto;"><option value="">未选择</option><option value="1">限时优惠</option><option value="2">包月套餐</option><option value="3">包季套餐</option><option value="4">包年套餐</option></select></td>';
	html +='<td><input type="text" style="width: 100px;" class="form-control" name="content[price][]"  autocomplete="false" value=""></td>';
	html +='<td><input type="text" style="width: 100px;" class="form-control" name="content[egold][]" autocomplete="false" value=""></td>';
	html +='<td><input type="text" style="width: 100px;" class="form-control" name="content[giveegold][]"  autocomplete="false" value=""></td>';
	html +='<td><textarea class="form-control" name="content[description][]" id="description"></textarea></td>';
	html +='</tr>';
	$('#addpage').click(function(){
		$('#page').append(html);
	})
})
</script>
{/block}