{template '_header'}
<style>
.weui-popup__modal .toolbar {z-index: 3;}
</style>
<div class="page bg-zmpag">
	<div class="{$_W['css']['bg']} weui-header">
		<div class="weui-header-left"><a class="zmui-icon zmui-icon-slider-left f-white" href="{php echo $this->createMobileUrl('ordermyin')}"></a></div>
		<h1 class="weui-header-title">确认付款</h1>
		<div class="weui-header-right"><a class="zmui-icon zmui-icon-more f-white open-popup" data-target="#half"></a></div>
	</div>
	<div class="weui-cells__title">订单详情</div>
	<div class="weui-cells">
		<div class="weui-cell">
			<div class="weui-cell__bd"><label class="weui-label">订单编号：</label></div>
			<div class="weui-cell__ft">{$order['orderno']}</div>
		</div>
		<div class="weui-cell">
			<div class="weui-cell__bd"><label class="weui-label">订单时间：</label></div>
			<div class="weui-cell__ft">{php echo date("Y-m-d H:i:s", $order['ordertime']);}</div>
		</div>
		<div class="weui-cell">
			<div class="weui-cell__bd"><label class="weui-label">收货人：</label></div>
			<div class="weui-cell__ft">{$order['consignee']} {$order['tel']}</div>
		</div>
		{if $isadvance=='5'}
		<div class="weui-cell">
			<div class="weui-cell__bd"><label class="weui-label">订单金额：</label></div>
			<div class="weui-cell__ft">{$order['price']}</div>
		</div>
		<div class="weui-cell">
			<div class="weui-cell__hd"><label class="weui-label">支付尾款：</label></div>
			<div class="weui-cell__bd"></div>
			<div class="weui-cell__ft">{$zfje}</div>
		</div>
		{elseif $isadvance=='4'}
		<div class="weui-cell">
			<div class="weui-cell__bd"><label class="weui-label">订单金额：</label></div>
			<div class="weui-cell__ft">{$order['price']}</div>
		</div>
		<div class="weui-cell">
			<div class="weui-cell__hd"><label class="weui-label">支付预付款：</label></div>
			<div class="weui-cell__bd"></div>
			<div class="weui-cell__ft">{$zfje}</div>
		</div>
		{else}
		<div class="weui-cell">
			<div class="weui-cell__bd"><label class="weui-label">支付金额：</label></div>
			<div class="weui-cell__ft">{$order['price']}</div>
		</div>
		{/if}
	</div>
	<div class="weui-cells__title">选择支付方式</div>
	<div class="weui-panel weui-panel_access" style="margin-top: 0px;">
		<div class="weui-panel__bd">
			{if in_array('payhk',$_W['fsettings']['set']['payfs'])}
			<a class="weui-media-box weui-media-box_appmsg zmui-media50" href="javascript:;"  onclick="$('#huikuan').popup();">
				<div class="weui-media-box__hd">
					<i class="weui-media-box__thumb zmui-icon-acct2 f-zi"></i>
				</div>
				<div class="weui-media-box__bd">
					<h4 class="weui-media-box__title">转账/汇款</h4>
					<p class="weui-media-box__desc">请按卖方指定方式转账汇款后再这里上传付款凭证，以便卖方审核！</p>
				</div>
			</a>
			{/if}
			{if in_array('payye',$_W['fsettings']['set']['payfs'])}
			<a class="weui-media-box weui-media-box_appmsg zmui-media50" href="javascript:payyuer();">
				<div class="weui-media-box__hd">
					<i class="weui-media-box__thumb zmui-icon-acct4 f-blue"></i>
				</div>
				<div class="weui-media-box__bd">
					<h4 class="weui-media-box__title">余额支付</h4>
					<p class="weui-media-box__desc">当前余额：{$member['credit2']}元{if $member['credit2'] < $zfje }(您的余额不足本次支付){/if}</p>
				</div>
			</a>
			{/if}
			{if in_array('paywx',$_W['fsettings']['set']['payfs'])}
			<a class="weui-media-box weui-media-box_appmsg zmui-media50" href="javascript:paywx();">
				<div class="weui-media-box__hd">
					<i class="weui-media-box__thumb zmui-icon-weixinzhifu f-green"></i>
				</div>
				<div class="weui-media-box__bd">
					<h4 class="weui-media-box__title">微信支付</h4>
					<p class="weui-media-box__desc">微信支付,安全快捷(必须使用微信内置浏览器)。</p>
				</div>
			</a>
			{/if}
		</div>
	</div>
</div>
{if in_array('payhk',$_W['fsettings']['set']['payfs'])}
<div id="huikuan" class='weui-popup__container'>
	<div class="weui-popup__overlay weui-popup-overlay"></div>
	<div class="weui-popup__modal">
		<div class="toolbar">
			<div class="toolbar-inner">
				<a href="javascript:;" class="picker-button close-popup {$_W['css']['fb']}">关闭</a>
				<h1 class="title">转账/汇款</h1>
			</div>
		</div>
		<div class="modal-content">
			<div class="weui-cells">
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">卖货(收款)方：</label></div>
					<div class="weui-cell__bd ">{$fagent['name']}</div>
					<div class="weui-cell__ft ">{$fagent['phone']}</div>
				</div>
			</div>
			{if $fagent['bankno']}
			<div class="weui-cells__title">卖方收款账号(请和卖方确认后再付款)</div>
			<div class="weui-cells">
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">收款账号：</label></div>
					<div class="weui-cell__bd ">{$fagent['bankno']}</div>
					<div class="weui-cell__ft "></div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">开户行：</label></div>
					<div class="weui-cell__bd ">{$fagent['bankna']}</div>
					<div class="weui-cell__ft ">{$fagent['bank']}</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">户名：</label></div>
					<div class="weui-cell__bd ">{$fagent['bankus']}</div>
					<div class="weui-cell__ft "></div>
				</div>
			</div>
			{/if}
			{if $fagent['wxpayqr'] || $fagent['alpayqr']}
			<div class="weui-cells__title">卖方收款码(请和卖方确认后再付款)</div>
			<div class="weui-cells">
				<div class="weui-flex" style='padding: 15px 15px;'>
					{if $fagent['wxpayqr']}
					<div class="weui-flex__item tcenter" style='padding-right: 5px;'>
						<h3>微信收款码</h3>	
						<div class="js-picclip tcenter" style='width:100%;'>
							<img src="{php echo tomedia($fagent['wxpayqr']);}" style="width:100%;" onerror="this.src='{MODULE_URL}template/mobile/images/wxpayqr.jpg'">
						</div>
					</div>
					{/if}
					{if $fagent['alpayqr']}
					<div class="weui-flex__item tcenter" style='padding-left: 5px;'>
						<h3>支付宝收款码</h3>
						<div class="js-picclip tcenter" style='width:100%;'>
							<img src="{php echo tomedia($fagent['alpayqr']);}"  style="width:100%;"  onerror="this.src='{MODULE_URL}template/mobile/images/alpayqr.jpg'">
						</div>
					</div>
					{/if}
				</div>
			</div>
			{/if}
			<div class="weui-cells__title">付款后请上传付款凭证以便验证</div>
			<div class="weui-cells">
				<div class="weui-cell">
					<div class="weui-cell__bd">
						<div class="weui-uploader">
							<div class="weui-uploader__hd">
								<div class="weui-uploader__title" >汇款转账凭证<span style='color:red'>*</span><a onclick="payimg(this);">[点击预览]</a></div>
								<div class="weui-uploader__info"></div>
							</div>
							<div class="weui-uploader__bd">
								<ul class="weui-uploader__files"></ul>
								<div class="weui-uploader__input-box">
									<input class="weui-uploader__input" type="file" accept="image/*" data-max="1" data-name="payimg" data-width="1000" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-btn-area">
				<input name="submit" type="submit" onclick="payhuikuan();" class="weui-btn {$_W['css']['bg']}" value="提交确认订单付款" />
			</div>
		<br>
		</div>
	</div>
</div>
{/if}
{template '_footer'}
<script>
	var isks=0;
	var huitou_url="{php echo $this->createMobileUrl('ordermyin', array('id' => $id))}";
</script>
{if in_array('payhk',$_W['fsettings']['set']['payfs'])}
<script type='text/javascript' src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/lrz/lrz.bundle.js"></script>
<script>
	$(document).ready(function() {
		if (window.history && window.history.pushState) {
			$(window).on('popstate', function () {
				window.location.href = huitou_url;
				window.history.pushState('forward', null, '#');
				window.history.forward(1);
			});
		}
		window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
		window.history.forward(1);
	});
	function payhuikuan() {
		if(isks==0){isks=1;}else{return false;}
		var img = $('.payimg').val();
		if(img==''){$.alert('请上传付款凭证', "操作失败");return false;}
		$.showLoading();
		$.post(window.location.href, {img:img,op:'huikuan' }, function(s){
			$.hideLoading();
			if(s.message.zt=='1'){
				$.alert(s.message.ts, "操作失败");isks=0;
			}else{
				$.closePopup();$.alert(s.message.ts, "操作成功");
				window.location  = huitou_url;
			}
		}, 'json');
	}
</script>
<script type="text/javascript">
	$('.weui-uploader__input').change(function () {
		var ingmax=Math.max(1,parseInt('0' + $(this).data('max'),10));
		var ingwidth=parseInt('0' + $(this).data('width'),10);
		var bdname=$(this).data("name");
		if(ingwidth==0){ingwidth=1024;}
		var files = $(this).parent().parent().find('.weui-uploader__files');
		var itemNum = files.find('input').length;
		if(itemNum>=ingmax){$.alert('最多'+ingmax+'张图片！', "操作失败");return false;} 
		$.toast("图片处理中", "text");
		lrz(this.files[0],{width:ingwidth,fieldName:"file"}).then(function (rst) {
			$.showLoading();		
			$.post('index.php?i={$_W['uniacid']}&c=entry&do=zmcnimgup&m={$_W['current_module']['fname']}',{base64:rst.base64,'name':bdname}, function(s){
				$.hideLoading();
				if(s.message.zt==1) {
					$.alert('图片上传不成功！' + s.message.ts , "操作失败");
				}else{
					files.append('<li class="weui-uploader__file" style="background-image:url({$_W['siteroot']}attachment/'+s.message.src+')" onclick="removeimg(this)"><i class="weui-icon-cancel"></i><input type="hidden" name="'+bdname+'" class="'+bdname+'" value="'+s.message.src+'"></li>');
				}
			}, 'json');
			return '';
		})
		.catch(function (err) {$.alert('未知错误，可能是网络不通！', "操作失败");})
		.always(function () {}); 
	});
	function removeimg(obj){
		$.confirm('您确定要删除吗?', '确认删除?', function() {$(obj).remove(); $(".weui-gallery").fadeOut(100);i--});
		return false;
	}
    function payimg(obj) {
		var arr = [];
		$(obj).parent().parent().parent().find('li').each(function (i) {arr.push($(this).css("backgroundImage").replace('url("','').replace('")',''));});
		if(arr.length<1){$.alert('请上传图片', "操作失败");return false;}
		wx.previewImage({current: arr[0],urls: arr});	
	}
</script>
{/if}
{if in_array('payye',$_W['fsettings']['set']['payfs'])}
<script>
	function payyuer() {
{if $member['credit2'] < $order['price'] }
		$.alert('您的余额不足本次支付，请先充值！', "操作失败！");return false;
{else}
		if(isks==0){isks=1;}else{return false;}
		$.showLoading();
		$.ajax({
			url: window.location.href, 
			data: {appid:'zmcn.com',isye:1,op:'yuer'},
			type: 'POST',
			dataType: 'json',
			success: function (data) {
				$.hideLoading();
				if(data.message.zt=='1'){
					$.alert(data.message.ts, "操作失败！");isks=0;
				}else{
					$.alert(data.message.ts, "操作成功！");
					window.location  = huitou_url;
				}
			}
		});
{/if}
	}
</script>
{/if}
{if in_array('paywx',$_W['fsettings']['set']['payfs'])}
<script type="text/javascript" src="{$_W['siteroot']}app/resource/js/app/util.js"></script>
<script type="text/javascript" src="{$_W['siteroot']}app/resource/js/lib/mui.min.js?v=20170802"></script>
<link href="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/css/we7pay.css" rel="stylesheet">
<script>
	function paywx() {
		$.showLoading();
		$.ajax({
			url: window.location.href,
			data:{op:'paywx'},
			type:'post',
			dataType:'json',
			error:function() {$.hideLoading();$.alert('网络链接出错', '系统提示');},
			success:function(s){
				$.hideLoading();
				if(s.message.zt==1){
					$.alert(s.message.ts, "系统提示");
				}else{
					util.pay({
						orderFee : s.message.data.orderfee,
						payMethod : s.message.data.paymethod,
						orderTitle : s.message.data.ordertitle,
						orderTid : s.message.data.ordertid,
						module : s.message.data.module,
						success : function(result) {
							$.alert('支付成功', "系统提示");
						},
						fail : function(result) {
							$.alert('fail : ' + result.message, "系统提示");
						},
						complete : function(result) {
							window.location.href = huitou_url;
						}
					});
				}
			}
		});
	}
</script>
{/if}