{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>
{if $action && $action != 'index'}<div class="head-bar-right"><a href="?action=index"><img src="{DT_MOB}static/img/icon-cancel.png" width="24" height="24"/></a></div>{/if}
</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 == 'group'}
{if $itemid}
	<div class="warn">您所在的会员组 <span class="f_red">{$MG[groupname]}</span> 没有权限使用此功能，请升级</div>
{/if}
<div class="blank-36 main"></div>
<div class="list-set">
<ul>
{if $lists}
{loop $lists $k $v}
<li><div><a href="?action=grade&groupid={$v[groupid]}">{if $v[fee]}<span class="f_red">{$v[fee]}{$DT[money_unit]}</span>{else}<span class="f_gray">免费</span>{/if}{$v[groupname]}</a></div></li>
{/loop}
{else}
<li><div>暂无可升级的会员组</div></li>
{/if}
</ul>
</div>
<div class="blank-600 main"></div>

{elseif $action == 'grade'}
<form method="post" action="?" onsubmit="return check();">
<input type="hidden" name="action" value="{$action}"/>
<input type="hidden" name="groupid" value="{$groupid}"/>
<div class="blank-20"></div>
<div class="list-set">
	<ul>
		<li><div><span>{$GROUP[$_groupid][groupname]}</span>当前组</div></li>
		<li><div><span>{$GROUP[$groupid][groupname]}</span>升级为</div></li>
		{if $fee>0}
		<li><div><span><b style="font-size:20px;color:#FF6600;" id="money">{$fee}</b>{$DT[money_unit]}</span>应付总额</div></li>
		{else}
		<li><div><span><input type="text" name="company" id="company" value="{$_company}"/></span>公司名称</div></li>
		{/if}
	</ul>
</div>
{if $fee>0}
<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>
{/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>
<div class="list-btn"><input type="button" value="重新选择" class="btn" onclick="Go('grade.php');"/></div>
<div class="blank-20"></div>
</form>
<script type="text/javascript">
{if $fee > 0}
var money = {$fee};
function check() {
	if(money > {$_money}) {
		Go('charge.php?action=pay&reason=grade|{$groupid}&amount='+money+'&bank='+$('#bank').val());
		return false;
	}
	if(money > {$DT[quick_pay]}){
		if(Dd('password').value.length < 6) {
			Dmsg('请填写支付密码', 'password');
			return false;
		}
	}
	return true;
}
window.setInterval(
	function() {
		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(Dd('company').value.length < 5) {
		Dmsg('请填写公司名称', 'company');
		return false;
	}
	return true;
}
{/if}
</script>
{elseif $action == 'vip'}
<form method="post" action="?" onsubmit="return check();">
<input type="hidden" name="action" value="{$action}"/>
<div class="blank-20"></div>
<div class="list-set">
	<ul>
		<li><div><span>{$todate}</span>到期时间</div></li>
		<li><div><span>{$havedays}天</span>剩余时间</div></li>
		<li><div>
		<span>
		<select name="year" id="year" onchange="$('#money').html(this.value*{$MG[fee]});">
		<option value="1"<?php if($year == 1) echo ' selected';?>>1年</option>
		<option value="2"<?php if($year == 2) echo ' selected';?>>2年</option>
		<option value="3"<?php if($year == 3) echo ' selected';?>>3年</option>
		</select>
		</span>
		续费年限
		</div></li>
		<li><div><span><b style="font-size:20px;color:#FF6600;" id="money">{$fee}</b>{$DT[money_unit]}</span>应付总额</div></li>
	</ul>
</div>
<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>
<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 check() {
	var money = $('#year').val()*{$MG[fee]};
	if(money > {$_money}) {
		Go('charge.php?action=pay&reason=vip|'+$('#year').val()+'&amount='+money+'&bank='+$('#bank').val());
		return false;
	}
	if(money > {$DT[quick_pay]}){
		if(Dd('password').value.length < 6) {
			Dmsg('请填写支付密码', 'password');
			return false;
		}
	}
	return true;
}
window.setInterval(
	function() {
		var money = $('#year').val()*{$MG[fee]};
		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);
</script>
{elseif $action == 'upgrade'}
<div class="list-tab">
	<ul>
		<li><a href="?action=index"><span>账户详情</span></a></li>
		<li class="on"><a href="?action=upgrade"><span>升级记录</span></a></li>
		<li><a href="?action=renew"><span>续费记录</span></a></li>
	</ul>
</div>
{if $lists}
{loop $lists $v}
<div class="list-img">
<ul>
<li>
<span class="f_r">{$_status[$v[status]]}</span>
<strong>{$v[company]}</strong>
</li>
<li><span class="f_r">{$v[adddate]}</span><span>{$GROUP[$v[gid]][groupname]} - {$GROUP[$v[groupid]][groupname]}</span></li>
</ul>
</div>
{/loop}
{/if}
{if $pages}<div class="pages" id="pages-{$js_pageid}">{$pages}</div>{/if}
{elseif $action == 'renew'}
<div class="list-tab">
	<ul>
		<li><a href="?action=index"><span>账户详情</span></a></li>
		<li><a href="?action=upgrade"><span>升级记录</span></a></li>
		<li class="on"><a href="?action=renew"><span>续费记录</span></a></li>
	</ul>
</div>
{if $lists}
{loop $lists $v}
<div class="list-img">
<ul>
<li>
<span class="f_r">{$DT[money_sign]}{$v[amount]}</span>
<strong>{$GROUP[$v[groupid]][groupname]}</strong>
</li>
<li><span class="f_r">{$v[adddate]}</span><span>{$v[fromdate]}/{$v[todate]}</span></li>
</ul>
</div>
{/loop}
{/if}
{if $pages}<div class="pages" id="pages-{$js_pageid}">{$pages}</div>{/if}
{elseif $action == 'login'}
{if $lists}
{loop $lists $v}
<div class="list-img">
<ul>
<li>
<span class="f_r">{$v[area]}</span>
<strong style="font-size:24px;">{$v[loginip]}</strong>
</li>
<li><span class="f_r">{$v[message]}</span><span>{$v[logintime]}</span></li>
</ul>
</div>
{/loop}
{/if}
{if $pages}<div class="pages" id="pages-{$js_pageid}">{$pages}</div>{/if}

{elseif $action == 'username'}
<form method="post" action="?" onsubmit="return check();">
<input type="hidden" name="action" value="{$action}"/>
<div class="ui-form">
<p>当前账号</p>
<div>{$_username}</div>
{if $linkurl}
<p>主页地址</p>
<div>{$linkurl}</div>
{/if}
<p>新会员名<em>*</em><b id="dnusername"></b></p>
<div><input type="text" name="nusername" id="nusername" onblur="validator();" placeholder="{if $MOD[edit_username]==2}一年{/if}仅可修改一次"/></div>
<p>格式要求</p>
<div>{$MOD[minusername]}-{$MOD[maxusername]}个字符，只能使用小写字母(a-z)、数字(0-9)、下划线(_)、中划线(-)，且以字母或数字开头和结尾</div>
<div class="blank-16"></div>
<input type="submit" name="submit" value="立即修改" class="btn-blue"/>
<div class="blank-32"></div>
</div>
</form>
<script type="text/javascript">
function validator() {
	if(Dd('nusername').value.length < 2) return;
	$.post(AJPath, 'moduleid=2&action=member&job=username&value='+Dd('nusername').value+'&userid={$_userid}', function(data) {
		$('#dnusername').html('<img src="{DT_MOB}static/img/check-'+(data ? 'ko' : 'ok')+'.png" align="absmiddle" width="16"/> '+data);
	});
}
function check() {
	if(Dd('nusername').value == '{$_username}') {
		Dmsg('请填写新会员名', 'nusername');
		return false;
	}
	if(Dd('nusername').value.length < 2) {
		Dmsg('请填写新会员名', 'nusername');
		return false;
	}
	if($('#dnusername').html().indexOf('ok.png') == -1) {
		Dmsg('请填写正确的会员名', 'nusername');
		return false;
	}
	return true;
}
{if $linkurl}
$(function(){
	$('#nusername').on('input blur',function(e){
		$('#domain').html($('#nusername').val());
	});
});
{/if}
</script>

{elseif $action == 'passport'}
<form method="post" action="?" onsubmit="return check();">
<input type="hidden" name="action" value="{$action}"/>
<div class="ui-form">
<p>当前昵称<b id="dpassport"></b></p>
<div>{$_passport}</div>
<p>新昵称<em>*</em><b id="dnpassport"></b></p>
<div><input type="text" name="npassport" id="npassport" onblur="validator();" placeholder="支持中文，{if $MOD[edit_passport]==2}一年{/if}仅可修改一次"/></div>
<div class="blank-16"></div>
<input type="submit" name="submit" value="立即修改" class="btn-blue"/>
<div class="blank-32"></div>
</div>
</form>
<script type="text/javascript">
function validator() {
	if(Dd('npassport').value.length < 2) return;
	$.post(AJPath, 'moduleid=2&action=member&job=passport&value='+Dd('npassport').value+'&userid={$_userid}', function(data) {
		$('#dnpassport').html('<img src="{DT_MOB}static/img/check-'+(data ? 'ko' : 'ok')+'.png" align="absmiddle" width="24"/> '+data);
	});
}
function check() {
	if(Dd('npassport').value == '{$_passport}') {
		Dmsg('请填写新昵称', 'npassport');
		return false;
	}
	if(Dd('npassport').value.length < 2) {
		Dmsg('请填写新昵称', 'npassport');
		return false;
	}
	if($('#dnpassport').html().indexOf('ok.png') == -1) {
		Dmsg('请填写正确的昵称', 'npassport');
		return false;
	}
	return true;
}
</script>

{elseif $action == 'close'}
<form method="post" action="?" onsubmit="return check();">
<input type="hidden" name="action" value="{$action}"/>
<div class="ui-form">
<p>当前账号</p>
<div>{$_username}</div>
<p>注销原因<em>*</em><b id="dreason"></b></p>
<div><textarea name="reason" id="reason" style="height:48px;" placeholder="请简要说明注销原因，限2-100字"></textarea></div>
<p>重要提示</p>
<div>注销申请一旦通过，该账号名下所有数据和文件将被彻底删除且不可恢复<br/>请确认必须要注销此账户并且已经备份过重要数据再点击申请按钮</div>
<div class="blank-16"></div>
<input type="submit" name="submit" value="申请注销" class="btn-red"/>
<div class="blank-32"></div>
</div>
</form>
<script type="text/javascript">
function check() {
	var l = Dd('reason').value.length;
	if(l < 2 || l > 100) {
		Dmsg('请填写2-100字注销原因，当前已填写'+l+'字', 'reason');
		return false;
	}
	return confirm('确定要提交注销申请吗？此操作将不可撤销');
}
</script>

{else}
<div class="list-tab">
	<ul>
		<li class="on"><a href="?action=index"><span>账户详情</span></a></li>
		<li><a href="?action=upgrade"><span>升级记录</span></a></li>
		<li><a href="?action=renew"><span>续费记录</span></a></li>
	</ul>
</div>
<div class="list-set">
<ul>
{if $edit_username}
<li><div><a href="?action=username"><span>修改账号</span>会员名:{$username}</a></div></li>
{else}
<li><div class="on"><span>{$username}</span>会员名</div></li>
{/if}
{if $edit_passport}
<li><div><a href="?action=passport"><span>修改昵称</span>昵称:{$passport}</a></div></li>
{else}
<li><div class="on"><span>{$passport}</span>昵称</div></li>
{/if}
{if !$vip && $groupid>4}
<li><div><a href="?action=group"><span>升级账号</span>会员组:{$MG[groupname]}</a></div></li>
{else}
<li><div class="on"><span>{$MG[groupname]}</span>会员组</div></li>
{/if}
{if $vip}
<li><div><a href="?action=vip"><span>立即续费</span>服务剩余:{$havedays}天</a></div></li>
{/if}
{if $support}
<li><div><a href="ask.php?action=support"><span>联系方式</span>客服专员:{$support}</div></a></li>
{/if}
{if $DT[login_log]==2}
<li><div><a href="?action=login"><span>登录记录</span>上次登录:{timetodate($logintime, 5)}</a></div></li>
{else}
<li><div class="on"><span>{timetodate($logintime, 5)}</span>上次登录</div></li>
{/if}
{if $MOD[account_close] && $_groupid > 1}
<li><div><a href="?action=close"><span>注销账号</span>注册时间:{timetodate($regtime, 5)}</a></div></li>
{else}
<li><div class="on">注册时间:{timetodate($regtime, 5)}</div></li>
{/if}
</ul>
</div>
<div class="blank-600 main"></div>
{/if}
{template 'footer', 'member'}