#@mgr(attr.getItem("currentMenuName"))

#define content()
<section class="content container-fluid">
	
	#if(msg)
	<div class="alert alert-success alert-dismissible">
	<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
	<p>#(msg)</p></div>
	#end
	
	<div class="row">
		<div class="col-xs-12 col-md-3">
			<div class="list-container"></div>
		</div>
		<div class="col-xs-12 col-md-9">
		
			<div class="box box-info">
				<div class="box-header with-border">
					<h3 class="box-title">支付渠道测试页：</h3>
					<div class="box-tools pull-right">
						<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
						<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
					</div>
				</div>
				<div class="box-body">
				#if(EStr.notEmpty(errMsg))
					<div class="callout callout-danger">
						<h4>测试出错！</h4>
						<p>#(errMsg)</p>
					</div>
				#else
					<div style="margin: 50px; text-align: center">
						<img src="#(attr.ctrl)/debugQr?qrCode=#(qrCode)" />
						<br><br>
						<span>扫码支付：#(payment) 元</span>
						<br><br>
						<span class="text-red callback-text">等待扫码及回调信息</span>
					</div>
				#end
				</div>
				<div class="box-footer text-right">
					<a href="#(attr.ctrl)?code=#(code)" class="btn btn-default btn-flat btn-back"><i class="fa fa-arrow-left"></i> 返回</a>
				</div>
			</div>
			
			<blockquote>
				<h5><b>注意事项：</b></h5>
				<ul>
				<li>扫码支付成功后，请不要离开本页面，否则将会重新生成新的订单号及二维码，则无法校验之前扫码支付的回调是否成功。</li>
				<li>如果成功接收到回调，并且验签成功，则页面上会显示<span class="text-red">“回调成功”</span>的字样。</li>
				<li>正常情况下几秒钟就会接收到回调，如果超过三分钟还未接收到，则可以认为没有接收到回调信息。</li>
				</ul>
			</blockquote>
			
		</div>
	</div>
	
</section>
#end

#define after()
<script>
require(['ez-list', 'ez-form', 'ez-modal', 'kit',], function(List, Form, Modal, Kit){
	
	var errMsg = '#(errMsg)';
	var orderId = '#(orderId)';
	
	var list = List('.list-container', {
		title: '渠道列表',
		active: function(ind, row){
			return row.code === '#(code)';
		},
		event: {
			selected: function(ind, row){
				Kit.go('#(attr.ctrl)/debug?code=' + row.code);
			}
		}
	}).load(#(channels));
	
	if(Kit.isEmpty(errMsg)){
		
		var loading = setInterval(function(){
			$('.callback-text').append(' . ');
		}, 1000);
		
		var vali = function(){
			$.ajax({ 
				url: '#(attr.ctrl)/vali',
				data: { orderId },
				success: function(ret){
					if(Kit.isEmpty(ret)){
						$('.callback-text').text('等待扫码及回调信息');
						setTimeout(vali, 10000);
					}else{
						if(ret.state){
							$('.callback-text').text('回调成功，支付完成！')
						}else{
							$('.callback-text').text('接收到回调，但支付失败，原因：' + ret.msg);
						}
						clearInterval(loading);
					}
				}
			});
		}
		
		vali();
		
	}
	
});
</script>
#end