{template 'header', 'member'}
<div id="head-bar">
<div class="head-bar">
<div class="head-bar-back"><a href="{if $back_link}{$back_link}{else}javascript:Dback();" id="back-{$js_pageid}{/if}" data-direction="reverse"><img src="{DT_MOB}static/img/icon-back.png" width="24" height="24"/></a></div>
<div class="head-bar-title">{$head_name}</div>
<div class="head-bar-right">
{if $action=='buy' || $action=='order'}
<a href="?action=index"><img src="{DT_MOB}static/img/icon-cancel.png" width="24" height="24"/></a>
{else}
<a href="?action=order"><span>我的</span></a>
{/if}
</div>
</div>
<div class="head-bar-fix" id="load-fix-{$js_pageid}" style="height:0;"></div>
<div class="head-bar-fix" id="head-fix-{$js_pageid}"></div>
</div>
{if $action=='buy'}
<form method="post" action="?" onsubmit="return check();">
<input type="hidden" name="action" value="{$action}"/>
<input type="hidden" name="itemid" value="{$itemid}"/>
<div class="list-img">
<a href="{DT_PATH}index.php?homepage={$_username}&preview={$itemid}"><img src="{$thumb}" width="80" height="60" alt="" onerror="this.src='{DT_MOB}static/img/80x60.png';"/></a>
<ul>
<li><a href="{DT_PATH}index.php?homepage={$_username}&preview={$itemid}"><strong>{$title}</strong></a></li>
<li>
<span><b style="color:red;">{$fee}</b> {$unit}/月</span>
</li>
</ul>
</div>

<div class="blank-20"></div>
<div class="list-set">
	<ul>
		<li><div>
		<span>
		<select name="month" id="month" onchange="CA();" style="border:none;">
		{loop $months $m}<option value="{$m}">{$m}月</option>{/loop}
		</select>
		</span>
		购买时长
		</div></li>
		<li><div><span><b id="money" style="color:#FF6600;font-size:20px;">{$fee}</b> {$unit}</span>应付总额</div></li>
	</ul>
</div>

{if $currency == 'money'}
<div id="mymoney" style="display:none;">
	<div class="blank-20"></div>
	<div class="list-set">
		<ul>
			<li><div><span><b>{$_money}</b>{$DT[money_unit]}</span>账户余额</div></li>
		</ul>
	</div>
</div>

<div id="payword" style="display:none;">
	<div class="blank-20"></div>
	<div class="list-inp">
		<div><input type="password" name="password" id="password" placeholder="支付密码：" autocomplete="new-password" onblur="window.scrollTo(0,0);"/></div>
	</div>
</div>

<div id="paytype" style="display:none;">
	<div class="blank-20"></div>
	{php $PAYLIST = get_paylist();}
	<input type="hidden" name="bank" id="bank" value="{$PAYLIST[0][bank]}"/>
	<div class="list-pay">
		<ul>
		{loop $PAYLIST $k $v}
		<li onclick="var bk=$('#bank').val();if(bk=='{$v[bank]}'){return;}$('#check-'+bk).attr('class', 'check');$('#check-{$v[bank]}').attr('class', 'checked');$('#bank').val('{$v[bank]}');"><div><em class="{if $k}check{else}checked{/if}" id="check-{$v[bank]}"></em><img src="{DT_PATH}api/pay/{$v[bank]}/icon.png" width="24" height="24"/>{$v[name]} {if $v[percent]>0}<span>手续费 {$v[percent]}%</span>{/if}</div></li>
		{/loop}
		</ul>
	</div>
</div>
{else}
	<div class="blank-20"></div>
	<div class="list-set">
		<ul>
			<li><div><span><b>{$_credit}</b>{$unit}</span>{$DT[credit_name]}余额</div></li>
		</ul>
	</div>
{/if}
<div class="blank-20"></div>
<div class="list-btn"><input type="submit" name="submit" value="立即购买" class="btn-green"/></div>
<div class="blank-20"></div>
</form>

<script type="text/javascript">
function CA() {
	Dd('money').innerHTML = {$fee}*Dd('month').value;
}
{if $currency == 'money'}
function check() {
	var money = {$fee}*Dd('month').value;
	if({$fee}*Dd('month').value > {$_money}) {
		Go('charge.php?action=pay&reason=style|{$itemid}|'+Dd('month').value+'&amount='+money+'&bank='+$('#bank').val());
		return false;
	}
	if(money > {$DT[quick_pay]}){
		if(Dd('password').value.length < 6) {
			Dmsg('请填写支付密码', 'password');
			return false;
		}
	}
	return confirm('确定要购买'+Dd('month').value+'月吗？');
}
window.setInterval(
	function() {
		var money = {$fee}*Dd('month').value;
		if(money > {$_money} || {$_money} < 0.01) {
			$('#mymoney').hide();$('#paytype').show();$('#payword').hide();
		} else {
			$('#mymoney').show();$('#paytype').hide();if(money > {$DT[quick_pay]}){$('#payword').show();}else{$('#payword').hide();}
		}
	}, 
500);
{else}
function check() {
	if({$fee}*Dd('month').value > {$_credit}) {
		alert('您的{$DT[credit_name]}不足，请先购买');
		return false;
	}
	return confirm('确定要购买'+Dd('month').value+'月吗？');
}
{/if}
</script>
{elseif $action=='order'}
<div id="list-{$js_pageid}" class="main">
<div class="ui-list-mix">
<a href="{DT_PATH}index.php?homepage={$_username}&update=1"><img src="{if $c[thumb]}{$c[thumb]}{else}{DT_MOB}static/img/80x60.png{/if}" alt=""/></a>
<ul>
<li><a href="{DT_PATH}index.php?homepage={$_username}&update=1"><strong>{$c[title]}</strong></a></li>
<li><p>
<i class="ui-ico-price">
{if $c[fee]}
	{if $c[currency] == 'money'}
		{$c[fee]}{$DT[money_unit]}/月
	{else}
		{$c[fee]}{$DT[credit_unit]}/月
	{/if}
{else}
<span class="f_green">免费</span>
{/if}
</i>
</p></li>
<li><p><span class="ui-fr"><a href="?action=clear" onclick="return confirm('确定要删除此模板吗？公司模板将被设置为默认模板');">删除</a></span><i class="ui-ico-time">使用中</i></p></li>
</ul>
</div>
{if $lists}
{loop $lists $v}
<div class="ui-list-mix">
<a href="{DT_PATH}index.php?homepage={$_username}&preview={$v[itemid]}"><img src="{if $v[thumb]}{$v[thumb]}{else}{DT_MOB}static/img/80x60.png{/if}" alt=""/></a>
<ul>
<li><a href="?action=choose&itemid={$v[itemid]}"><strong>{$v[title]}</strong></a></li>
<li><p><span class="ui-fr">x {$v[number]}</span>
<i class="ui-ico-price">
{if $v[fee]}
	{if $v[currency] == 'money'}
		{$v[fee]}{$DT[money_unit]}/月
	{else}
		{$v[fee]}{$DT[credit_unit]}/月
	{/if}
{else}
<span class="f_green">免费</span>
{/if}
</i>
</p></li>
<li><p><span class="ui-fr"><a href="?action=buy&itemid={$v[styleid]}">续费</a></span><i class="ui-ico-time">{if $v[days]}{$v[days]}天剩余{else}过期{/if}</i></p></li>
</ul>
</div>
{/loop}
{/if}
</div>
<div id="load-{$js_pageid}" class="ui-load"></div>
{if $pages}<div class="pages" id="pages-{$js_pageid}">{$pages}</div>{/if}
{else}
{if $lists}
<div id="list-{$js_pageid}" class="main">
{loop $lists $v}
<div class="ui-list-mix">
<a href="{DT_PATH}index.php?homepage={$_username}&preview={$v[itemid]}"><img src="{if $v[thumb]}{$v[thumb]}{else}{DT_MOB}static/img/80x60.png{/if}" alt=""/></a>
<ul>
<li><a href="?action=buy&itemid={$v[itemid]}"><strong>{$v[title]}</strong></a></li>
<li><div>{$v[group]}</div></li>
<li><p><i class="ui-ico-info ui-fr">{$v[orders]}成交</i>
<i class="ui-ico-price">
{if $v[fee]}
	{if $v[currency] == 'money'}
		{$v[fee]}{$DT[money_unit]}/月
	{else}
		{$v[fee]}{$DT[credit_unit]}/月
	{/if}
{else}
<span class="f_green">免费</span>
{/if}
</i>
</p></li>
</ul>
</div>
{/loop}
</div>
<div id="load-{$js_pageid}" class="ui-load"></div>
{else}
{template 'empty', 'chip'}
{/if}
{if $pages}<div class="pages" id="pages-{$js_pageid}">{$pages}</div>{/if}
{/if}
{template 'footer', 'member'}