{echo:JS::import('form')}
<link type="text/css" rel="stylesheet" href="{url:#css/ucenter.css}" />
<div class="container list blank">
	<div class="row-5">
	<div class="col-1">
	{widget:name=sub_navs action=ucsidebar sidebar=$sidebar act=$actionId}
	</div>
	<div class="col-4">
			<h1 class="title"><span>优惠券：</span></h1>
			{if:isset($msg)}
			<div class="message_{$msg[0]} ie6png">{$msg[1]}</div>
			{elseif:isset($validator)}
			<div class="message_warning ie6png">{$validator['msg']}</div>
			{/if}
			<div class="box-center" style="width:600px;">
				<form class="tiny-form" action="{url:/ucenter/voucher_activated}" method="post">
					<h2 class="line">实体优惠券激活</h2>
					<ul class=" ">
						<li class="line caption">
							<label for="" class="caption">账号：</label>
							<input name="account" class="field" type="text" pattern="required" alt="优惠券账号">
						</li>
						<li class="line caption">
							<label for="" class="caption">密码：</label>
							<input name="password" class="field" type="text" pattern="required" alt="优惠券密码">
						</li>
						<li class="line">
							<input type="submit" class="btn btn-main" value="激活">
						</li>
					</ul>
				 {token:}
				</form>
			</div>
			<div class="tab">
				<ul class="tab-head">
					<li>未使用的优惠券<i></i></li>
					<li>已使用的优惠券<i></i></li>
					<li>已过期的优惠券<i></i></li>
				</ul>
				<div class="tab-body">
					<div id="voucher-n" class="js-template">
						<table class="table table-line">
						<tr><th >账号</th> <th width="140">类型</th> <th width="100">面值</th> <th width="140">所需消费金额</th> <th width="180">有效期</th></tr>
						<tbody class="page-content">
							<tr class="{odd-even}">
								<td>{account}</td> <td>{name}</td> <td>{$currency_symbol}{value}</td> <td>{$currency_symbol}{money}</td> <td>{start_time} ~ {end_time}</td>
							</tr>
						</tbody>
						</table>
						<div class="page-nav"></div>
					</div>
					<div id="voucher-u" class="js-template">
						<table class="table table-line">
						<tr><th >账号</th> <th width="140">类型</th> <th width="100">面值</th> <th width="140">所需消费金额</th> <th width="180">有效期</th></tr>
						<tbody class="page-content">
							<tr class="{odd-even}">
								<td>{account}</td> <td>{name}</td> <td>{$currency_symbol}{value}</td> <td>{$currency_symbol}{money}</td> <td>{start_time} ~ {end_time}</td>
							</tr>
						</tbody>
						</table>
						<div class="page-nav"></div>
					</div>
					<div id="voucher-p" class="js-template">
						<table class="table table-line">
						<tr><th >账号</th> <th width="140">类型</th> <th width="100">面值</th> <th width="140">所需消费金额</th> <th width="180">有效期</th></tr>
						<tbody class="page-content">
							<tr class="{odd-even}">
								<td>{account}</td> <td>{name}</td> <td>{$currency_symbol}{value}</td> <td>{$currency_symbol}{money}</td> <td>{start_time} ~ {end_time}</td>
							</tr>
						</tbody>
						</table>
						<div class="page-nav"></div>
					</div>
				</div>
			</div>
	</div>
	</div>
</div>
<script type="text/javascript">
	$("#voucher-n").Paging({
                url:'{url:/ucenter/get_voucher}',
                params:{status:'n'}
    });
    $("#voucher-u").Paging({
                url:'{url:/ucenter/get_voucher}',
                params:{status:'u'}
    });
    $("#voucher-p").Paging({
                url:'{url:/ucenter/get_voucher}',
                params:{status:'p'}
    });
</script>
