{template '_header'}
<style>
	.fui-according-header{
		font-size: .7rem;
	}
	.fui-according-header .text{
		color: #666666;
		font-size: .65rem;
		text-align: right;
	}
	.fui-cell-group.recharge{
		padding:.6rem 0 ;
	}
	.fui-cell-group.recharge .fui-cell{
		padding:0;
		font-size: .6rem;
		height:1rem;
		line-height:1rem;
	}
	.fui-cell-group.recharge .fui-cell .fui-cell-text{
		color: #666;
	}
	.fui-cell-group.recharge .fui-cell:before{display: none}
	.fui-cell-group.recharge:before{
		content: " ";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 1px;
		border-top: 1px solid #ebebeb;
		color: #D9D9D9;
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scaleY(0.5);
		-ms-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}
	.fui-according.expanded .fui-according-header .text{
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	.fui-cell-group .fui-cell .fui-cell-icon {
		width: auto;
		margin-right: .75rem;
	}
	.fui-cell-group .fui-cell .fui-cell-icon img {
		width: 1.7rem;
		height: 1.7rem;
	}
	.fui-cell-info .title {
		position: relative;
		font-size: 0.7rem;
		color: #000;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		height: 1rem;
		line-height: 1rem;
	}
	.fui-cell.applyradio{
		display: none;
		height: 3.25rem;padding: .4rem .6rem;
	}
	.fui-cell.applyradio .fui-cell-info{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
		-webkit-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}
</style>
<link rel="stylesheet" type="text/css" href="../addons/{EWEI_SHOP_V2_MODULE_NAME}/template/mobile/default/static/css/coupon-new.css?v=2017030302">
<div class='fui-page fui-page-current'>
	<div class="fui-header">
		<div class="fui-header-left">
			<a class="back"></a>
		</div>
		<div class="title">账户充值</div>
		<div class="fui-header-right">&nbsp;</div>
	</div>

	{if strlen($_GPC['id']) > 0}
	<input type="hidden" id="payid" value="{$_GPC['id']}">
	{/if}
	<div class='fui-content navbar' >
		<input type="hidden" id="logid" value="{$logid}" />
		<input type="hidden" id="couponid" value="" />
		{if $wechat['success'] || $payinfo['wechat'] || ($alipay['success'] && !is_h5app()) || $payinfo['alipay']}

			{if !empty($acts)}
			<div class='fui-cell-group'>
				<div class='fui-{if count($acts)>1}according{/if} '>
					<div class='fui-according-header' style="color: #666;">充值活动
						<div class="text">
							充值满 <span class='text-danger'>{$acts[0]['enough']}</span> 元立即送 <span class='text-danger'>{$acts[0]['give']}</span> 元
						</div>
						{if count($acts)>1}<span class="remark"></span>{/if}
					</div>
					{if count($acts)>1}
					<div class='fui-according-content'>
						<div class='content-block' style="padding: 0 0.6rem;">
							<div class="fui-cell-group recharge" style="margin-top: 0;">
								{loop $acts $key $enough}
								<div class="fui-cell" style="">
									<div class="fui-cell-text">充值满 <span class='text-danger'>{$enough['enough']}</span> 元立即送 <span class='text-danger'>{$enough['give']}</span> 元</div>
								</div>
								{/loop}
							</div>
						</div>
					</div>
					{/if}
				</div>
			</div>
			{/if}
			<div class='fui-cell-group'>
				<div class='fui-cell'>
					<div class='fui-cell-label'>当前{$_W['shopset']['trade']['moneytext']}</div>
					<div class='fui-cell-info c000'>￥{php echo number_format($credit,2)}</div>
				</div>
				<div class='fui-cell'>
					<div class='fui-cell-label'>充值金额</div>
					<div class='fui-cell-info c000'style="    display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;">￥<input type='number' class='fui-input' id='money' value="{$_GPC['money']}"></div>
				</div>
			</div>
			<div class='fui-cell-group'>
				{if com('coupon')}
				<div class='fui-cell' id='coupondiv' style='display:none'>
					<div class='fui-cell-label' style='width:auto'>优惠券</div>
					<div class='fui-cell-info'></div>
					<div class='fui-cell-remark'>
						<div class='badge' style='display:none'>0</div>
						<span class='text'>无可用</span>
					</div>
				</div>
				{/if}
			</div>
			<a id='btn-next' class='btn btn-danger block disabled mtop' style="margin-top: 0.5rem">下一步</a>
			<div class='fui-cell-group'>
				{if $wechat['success'] || $payinfo['wechat']}
					<div class="fui-cell applyradio" id='btn-wechat1'>
						<div class="fui-cell-icon"><img src="{EWEI_SHOPV2_STATIC}images/wxcz.png" alt=""></div>
						<div class="fui-cell-info" style="height: 100%">
							<div class="title">微信充值</div>
							<div class="subtitle" style="color: #999999;font-size: .65rem">微信安全支付</div>
						</div>
						<div class="fui-cell-remark noremark"><input name="1" type="radio" class="fui-radio fui-radio-danger" id="applytype2" data-type="0" checked="cheched"></div>
					</div>
				{/if}

				{if ($alipay['success'] && !is_h5app()) || $payinfo['alipay']}
					<div class="fui-cell applyradio " id="btn-alipay1">
						<div class="fui-cell-icon"><img src="{EWEI_SHOPV2_STATIC}images/zfb.png" alt=""></div>
						<div class="fui-cell-info" style="height: 100%">
							<div class="title">支付宝充值</div>
							<div class="subtitle" style="color: #999999;font-size: .65rem">支付宝安全支付</div>
						</div>
						<div class="fui-cell-remark noremark"><input name="1" type="radio" class="fui-radio fui-radio-danger" id="applytype" data-type="0"></div></label >
					</div>
				{/if}
			</div>

			{if $wechat['success'] || $payinfo['wechat']}
				<a id='btn-wechat' class='btn btn-danger block mtop btn-pay ' style='display:none'>确认支付</a>
			{/if}
			{if ($alipay['success'] && !is_h5app()) || $payinfo['alipay']}
				<a id='btn-alipay' class='btn btn-danger mtop  block btn-pay'  style='display:none'>确认支付</a>
			{/if}
		{else}
			<div class='fui-content-inner'>
				<div class='content-empty'>
					<img src="{EWEI_SHOPV2_STATIC}images/nomeb.png" style="width: 6rem;margin-bottom: .5rem;"><br/>
					<p style="color: #999;font-size: .75rem">充值系统正在维护中！</p><br/>
					<a href="{php echo mobileUrl()}" class='btn btn-sm btn-danger-o external' style="border-radius: 100px;height: 1.9rem;line-height:1.9rem;width:  7rem;font-size: .75rem">去首页逛逛吧   </a>
				</div>
			</div>
		{/if}
	</div>
	{template 'order/pay/wechat_jie'}
	<script language='javascript'>
        require(['biz/member/recharge'], function (modal) {
        	let payid = $('#payid').val();
            modal.init(
            		{
						minimumcharge: {php echo $minimumcharge},
						wechat: {php echo intval($wechat['success'])},
			alipay:{php echo intval($alipay['success'])},
			payid:payid
            		});
        });
	</script>
	<script>
        $(function(){
            $(".applyradio").click(function(){
                $(this).find(".fui-radio").prop("checked","true");
                var id =$(this).attr("id");
                if(id=="btn-alipay1"){
                    $("#btn-alipay").show();
                    $("#btn-wechat").hide();
                }else if(id=="btn-wechat1"){
                    $("#btn-wechat").show();
                    $("#btn-alipay").hide();
                }
            })
        })
	</script>
</div>

{template 'sale/coupon/util/picker'}
{template '_footer'}