<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<meta content="telephone=no" name="format-detection">
		<meta name="wap-font-scale" content="no">
		<script src="../lib/fsize.js"></script>
		<script src="../lib/jquery-3.1.1.min.js"></script>
		<title></title>
		<link rel="stylesheet" href="../css/iosSelect.css">
		<link rel="stylesheet" href="../css/base.css">
		<link rel="stylesheet" href="../css/fireflyPay.css?v='20191120'">
		<link rel="stylesheet" href="../css/background.css" />
		<style>
			.glyphicon {
				background: url(../img/right.png)no-repeat;
				background-size: 100% 100%;
				display: inline-block;
				width: 0.6rem;
				height: 0.6rem;
				margin-top: 0.4rem;
			}
			
			.big-zuan-box {
				background: #FFF0F7;
				position: relative;
				display: none;
				width: 9.04rem;
				height: 3.306rem;
				margin: 0 auto .666rem;
				overflow: hidden;
				border-radius: 0.32rem;
				-webkit-border-radius: 0.32rem;
				-moz-border-radius: 0.32rem;
			}
			
			.big-money {
				width: 100%;
				text-align: center;
				font-size: 0.666rem;
				color: #FF57A0;
				height: 1.2rem;
				line-height: 1.2rem;
				font-weight: bold;
				position: absolute;
				left: 0;
				top: .8rem;
			}
			
			.big-money img {
				width: 0.44rem;
				height: 0.506rem;
				vertical-align: middle;
				margin-top: -.1rem;
				margin-right: 0.066rem;
			}
			
			.L-En .g-credit-En {
				width: 5rem !important;
			}
			
			.L-En .g-Point-En {
				width: 4.4rem !important;
			}
			
			.L-En .g-member-En {
				width: 5.5rem !important;
			}
			
			.L-En .g-phone-En {
				width: 5.8rem !important;
			}
			
			.p-w {
				background: #FFF;
				padding-top: .707rem;
			}
			
			.apple-ul li {
				background: #FFF;
				margin-bottom: 0;
			}
			
			
			.apple-ul li.visapay img {
				width: auto;
				height: .6rem;
			}
			
			.apple-ul li.alipay img {
				width: 2.6rem;
			}
			
			.apple-ul li.molpay img{
				width: 2.3rem;
			}
			.apple-ul li.gash-Point img,
			.apple-ul li.gash-member img,
			.apple-ul li.gash-credit img,
			.apple-ul li.gash-phone img {
				width: 3.3rem;
			}
			.apple-ul li.gash-Point img{
				width: 3rem;
			}
			.apple-ul li.gash-member img{
				width: 3.4rem;
			}
			.apple-ul li.gash-credit img{
				width: 3.6rem;
			}
			 .apple-ul li.gash-phone img{
			 	width: 3.8rem;
			 }
			.apple-ul li.payatm img{
				width: 2.786rem;
			}
			.apple-ul li.gopay img{
				width: 4.106rem;
			}
			.apple-ul li.alfama img{
				width: 3.5rem;
			}
			.apple-ul li.paywallet img{
				width: 6rem;
			}
			.apple-ul li.gash-Point img.en {
				width: 5.5rem !important;
			}
			
			.apple-ul li.gash-member img.en {
				width: 5.5rem !important;
			}
			
			.apple-ul li.gash-credit img.en {
				width: 3.8rem !important;
			}
			
			.apple-ul li.gash-phone img.en {
				width: 8rem !important;
			}
			
			.apple-ul li.weipay img.en {
				width: 3.5rem;
			}
			.userInfo {
				position: absolute;
				left: 0;
				width: 50%;
				top: 2.4rem;
				height: .733rem;
				line-height: .733rem;
				font-size: 0;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
			.userInfo img {
				width: .533rem;
				height: .533rem;
				vertical-align: middle;
				margin-top: -.25rem;
				margin-left: .373rem;
				border-radius: 50%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
			}
			
			.userInfo span {
				font-size: .3rem;
				color: #666;
				display: inline-block;
			}
			
			.userInfo .userName {
				color: #333;
				margin: 0 0.066133rem;
			}
			
			.siteInfo {
				position: absolute;
				right: .373rem;
				width: 3.8rem;
				top: 2.4rem;
				height: .733rem;
				line-height: .733rem;
				font-size: 0;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				text-align: right;
				font-size: 0.32rem;
				color: #333;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
			.siteInfo img {
				width: 0.213rem;
				height: 0.266rem;
				vertical-align: middle;
				margin-right: 0.066rem;
				margin-top: -.05rem;
			}
			.ios-select-widget-box header.iosselect-header{
				    background-color: #FFF;
			}
			.ios-select-widget-box header.iosselect-header a{
				color:#007aff;
			}
			.bigRecord{
				color: #333;
		    font-size: 0.32rem;
		    position: absolute;
		    right: .3rem;
		    top: .2rem;
			}
			.apple-ul li.linepay img{
			width: 2.4rem;
		}
		.apple-ul li.jkopay img{
			width: 2.4rem;
			
		}
		.p-w .apple-ul li.wpay{
			display: none !important;
		}
		
		.apple-ul li.jkopay,.apple-ul li.linepay,.apple-ul li.taiwanpay{
			display: none;
		}
		.p-w .apple-ul li{
					display: none !important;
				}
		.p-w .apple-ul li.alipay{
			display: block !important; 
		}
		</style>
	</head>

	<body>
		<div class="p-w">
			<div class='big-zuan-box'>
				<p class="big-money"><img src="../img/smallzuan.png" alt="">--</p>
				<div class="userInfo"></div>
				<div class="siteInfo"></div>
				<span class="bigRecord"></span>
			</div>
			<ul class="apple-ul"></ul>
		</div>

	</body>
	<script src="../js/iosSelect.js"></script>
	<script src="../lib/payLangchange.js?v=2020070717033333333333"></script>
	<script src="../js/phonepay.js?v=2020070717033333333333"></script>
	<script>
		$('title').text(langList[langType].paytitle);
		$('.bigRecord').text(langList[langType].payrecord);
		var $url = 'https://www.footseen.com/footseen'; 
		var titleList = [
		{
			"recordTitle":"消費記錄",
			'moneyTitle':'獲得記錄',
		},
		{
			"recordTitle":"record",
			'moneyTitle':'Obtain records',
		},
		{
			"recordTitle":"تسجيل الاستهلاك",
			'moneyTitle':'تسجيل الحصول',
		}
		]
		
		var country = {
			'AE': "WPAY",
			'AF': "WPAY",
			'DJ': "WPAY",
			'DZ': "WPAY",
			'EG': "WPAY",
			'ER': "WPAY",
			'IQ': "WPAY",
			'JO': "WPAY",
			'KM': "WPAY",
			'KW': "WPAY",
			'LB': "WPAY",
			'LY': "WPAY",
			'MA': "WPAY",
			'MR': "WPAY",
			'OM': "WPAY",
			'PS': "WPAY",
			'QA': "WPAY",
			'SA': "WPAY",
			'SD': "WPAY",
			'TD': "WPAY",
			'TN': "WPAY",
			'YE': "WPAY",
		}
		
	   var bbb = location.href;
	    var data = url_get_params(bbb)
	    
	    sessionStorage.token = data.token;//k
	//    if(sessionStorage.kkk!='undefined')sessionStorage.uid = data.uid;
	//    //t
	//    sessionStorage.kkk = data.token;//k
	    sessionStorage.appversion=data.appversion;
	    function url_get_params(url_path) {
	        var url = url_path;
	        var theRequest = new Object();
	        if (url.indexOf("?") != -1) {
	            var str = url.substr(url.indexOf("?") + 1);
	            strs = str.split("&");
	            for (var i = 0; i < strs.length; i++) {
	                theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
	            }
	        }
	        return theRequest;
	    }
	    var url=window.location.href;
	    //   var strst = 'http://yabolive.com/archive/recharge.html?uid=1564864&pkg=ios.yabolive&version=100&lang=2';
	    //   console.log(url.split('uid=')[1].split('&')[0]);
	    var reg = /uid=([0-9]+)/;
	    try{
	        sessionStorage.uid=url.match(reg)[1];
	        sessionStorage.bbb=url.match(reg)[1];
	    }catch(error){
	
	    }
		//获取当前用户地区

		if(sessionStorage.appversion != 'undefined') {
			$(".big-zuan-box").show();
			$.ajax({
				url: $ip + '/user/getUserInfo.html',
				type: "post",
				data: {
					os: "WEB",
					cid: "web_gw",
					lang: sessionStorage.lang,
					uid: sessionStorage.uid,
					token: sessionStorage.token
				},
				success: function(msg) {
					var data = JSON.parse(msg)

					$(".big-money").html('<img src="../img/big-zuan.png" alt="">' + data.data.diamond);
					var str = '';
					str += '<img src="' + cdn + data.data.faceimg + '?x-oss-process=image/resize,w_81"/>';
					str += '<span class="userName">' + data.data.nickName + '</span>';
					str += '<span>(' + data.data.uid + ')</span>';
					$('.userInfo').html(str);
				}
			})
				$(".big-zuan-box span").on("click", function() {
				var obj = {
						"cid":15,
						"reqCode": new Date().getTime(),
		        "data": {
		            "urls": [
		            	{
		            		"url":$url+'/Nesting/recording/consum.html'+window.location.search,
		            		"title":titleList[langType].recordTitle,
		            		"rightBtnImageURL":'',
	             				"rightBtnClickURL":''
		            	},
		            	{
		            		"url":$url+'/Nesting/recording/money.html'+window.location.search,
		            		"title":titleList[langType].moneyTitle,
		            		"rightBtnImageURL":'',
	             			"rightBtnClickURL":''
		            	}
		            ],
		            "select":1,
		            "titleColor":"#333333",
			          "titleSelectedColor":"#EA277D",
			          "titleBackground":'',
		            
		        }
					}
				console.log(obj)
				var obj2 = JSON.stringify(obj);
				appCollaboration(obj2);
			})
			getRegion();
		} else {
			getLangRegion('OTHER');
		}
		
		function getRegion(){
			$.ajax({
				type: "POST",
				url: $ip + "/setting/getCountryTranslation.html",
				async: true,
				data: {
					os: "WEB",
					cid: "web_gw",
					lang: sessionStorage.lang,
					uid: sessionStorage.uid,
					token: sessionStorage.token
				},
				success: function(data) {
					var res = JSON.parse(data);
					var code = '';
					var flag = false;
					
					$('.siteInfo').html('<img src="../img/site.png"/>' + res.countryName).attr('data-id',res.countryCode);
					
					if(res.countryCode == 'TW' || res.countryCode == 'MY' || res.countryCode == 'ID' || res.countryCode == 'IN') {
						code = res.countryCode
					} else if(!country[res.countryCode]){							
						code = 'OTHER';
					} else {							
						code = 'WPAY';
					}
					getLangRegion(code)
	
				}
			});
		}
		function goPayDetail() {
			$(".gash-Point").on("click", function() {
				sessionStorage.pay = "GASHP99PAY";
				if(sessionStorage.uid != undefined) window.location.href = "gash-for.html";
				else window.location.href = "login.html";
				sessionStorage.select = 'COPGAM02';
			})
			$(".gash-member").on("click", function() {
				sessionStorage.pay = "GASHP99PAY";
				if(sessionStorage.uid != undefined) window.location.href = "gash-for.html";
				else window.location.href = "login.html";
				sessionStorage.select = 'COPGAM09';
			})
			$(".gash-credit").on("click", function() {
				sessionStorage.pay = "GASHP99PAY";
				if(sessionStorage.uid != undefined) window.location.href = "gash-for.html";
				else window.location.href = "login.html";
				sessionStorage.select = 'BNK82201';
			})
			$(".gash-phone").on("click", function() {
				sessionStorage.pay = "GASHP99PAY";
				window.location.href = "gash-phone.html";
				//        sessionStorage.select='gashPhone';
			})

			$(".Paypal").on("click", function() {
				sessionStorage.pay = "PAYPALPAY";
				if(sessionStorage.uid != undefined) window.location.href = 'payfor-new.html';
				else window.location.href = "login.html";

			})
			$(".alipay").on("click", function() {
//				sessionStorage.pay = 'TW_ALI_CNY_PAY'
//				if(sessionStorage.uid != undefined)window.location.href ='https://www.firefly.live/footseen/phonepay/paymentAlipay.html?uid='+sessionStorage.uid+'&lang='+sessionStorage.lang+'&cidStr='+sessionStorage.cidStr+'&osStr='+getNavigatorStr();
//				else window.location.href = 'login.html';
				sessionStorage.pay = "ALIPAY";
				if(sessionStorage.uid != undefined) window.location.href = "payfor-new.html";
				else window.location.href = 'login.html';
			})
			$(".weipay").on("click", function() {
				sessionStorage.pay = "WECHATPAY";
				if(sessionStorage.uid != undefined) window.location.href = 'http://web.yazhaiyabo.com/footseen/wechatpay/payfor-new.html?uid='+sessionStorage.uid+'&token='+sessionStorage.token+'&lang='+sessionStorage.lang+'&pay='+sessionStorage.pay+'&payStatus='+sessionStorage.payStatus+'&cidStr='+sessionStorage.cidStr+'&osStr='+getNavigatorStr();
				else window.location.href = 'login.html';
			})
			$(".molpay").on("click", function() {
				sessionStorage.pay = "MOLPAY";
				if(sessionStorage.uid != undefined) window.location.href = "molpay.html";
				else window.location.href = 'login.html';
			})
			//payatm
			$('.payatm').on('click',function(){
				sessionStorage.pay = 'CODAPAY_PAYATM';
				sessionStorage.payType = '220';
				if(sessionStorage.uid!=undefined) window.location.href = 'idpay.html';
				else window.location.href = 'login.html'
			})
			//gopay
			$('.gopay').on('click',function(){
				sessionStorage.pay = 'CODAPAY_GOPAY';
				sessionStorage.payType = '227';
				if(sessionStorage.uid!=undefined) window.location.href = 'idpay.html';
				else window.location.href = 'login.html'
			})
			//alfama
			$('.alfama').on('click',function(){
				sessionStorage.pay = 'CODAPAY_ALFAMA';
				sessionStorage.payType = '221';
				if(sessionStorage.uid!=undefined) window.location.href = 'idpay.html';
				else window.location.href = 'login.html'
			})
			//paywallet
			$('.paywallet').on('click',function(){
				sessionStorage.pay = 'CODAPAY_PAYWALLET';
				sessionStorage.payType = '223';
				if(sessionStorage.uid!=undefined) window.location.href = 'idpay.html';
				else window.location.href = 'login.html';
			})
			//wpay 阿拉伯支付
			$('.wpay').on('click',function(){
					sessionStorage.pay = "WPAY";
					sessionStorage.gofrom = data.gofrom;
				if(sessionStorage.uid!=undefined)window.location.href = 'wpay.html';
				else window.location.href = 'login.html';
			})
			
			$('.visapay').on('click', function() {
				sessionStorage.pay = "PAYMENTWALL";
				if(sessionStorage.uid != undefined)window.location.href = 'https://firefly.live/footseen/phonepay/visapay.html?uid='+sessionStorage.uid+'&lang='+sessionStorage.lang+'&pay='+sessionStorage.pay+'&cidStr='+sessionStorage.cidStr+'&osStr='+getNavigatorStr();
				else window.location.href = 'login.html';
			})
			//linepay
			$('.linepay').on('click',function(){
				sessionStorage.pay = 'LINE_PAY';
				if(sessionStorage.uid != undefined)window.location.href = 'https://firefly.live/footseen/phonepay/visapay.html?uid='+sessionStorage.uid+'&lang='+sessionStorage.lang+'&pay='+sessionStorage.pay+'&cidStr='+sessionStorage.cidStr+'&osStr='+getNavigatorStr();
				else window.location.href = 'login.html';
			})
			//taiwanpay
			$('.taiwanpay').on('click',function(){
				sessionStorage.pay = 'TW_PAY';
				if(sessionStorage.uid != undefined)window.location.href = 'https://firefly.live/footseen/phonepay/visapay.html?uid='+sessionStorage.uid+'&lang='+sessionStorage.lang+'&pay='+sessionStorage.pay+'&cidStr='+sessionStorage.cidStr+'&osStr='+getNavigatorStr();
				else window.location.href = 'login.html';
			})
			//jkopay
			$('.jkopay').on('click',function(){
				sessionStorage.pay = 'JKO_PAY';
				if(sessionStorage.uid != undefined)window.location.href = 'https://firefly.live/footseen/phonepay/visapay.html?uid='+sessionStorage.uid+'&lang='+sessionStorage.lang+'&pay='+sessionStorage.pay+'&cidStr='+sessionStorage.cidStr+'&osStr='+getNavigatorStr();
				else window.location.href = 'login.html';
			})
		}

		function getLangRegion(code) {
			var langStr = '';
			for(var i = 0; i < payOrder[code].length; i++) {
				langStr += '<li class="' + payList[payOrder[code][i]].name + '">';
				langStr += '	<img src="' + payList[payOrder[code][i]].img + '" alt="">';
				langStr += '	<span class="glyphicon"></span>';
				langStr += '</li>';
			}
			$('.apple-ul').html(langStr);
			
			if(data.appversion>=5160 || data.gofrom=='web'){
				$('.wpay').show();
			} else {
				if(getNavigator()=='ios'){
					$('.wpay').show();
				}	else if(getNavigator() == 'android'){				
					$('.wpay').hide();
				} else {
					$('.wpay').hide();
				}
			}
			
			goPayDetail();
			if(langType != 0) {
				$('.weipay img,.gash-Point img,.gash-member img,.gash-credit img,.gash-phone img').addClass('en');
			}
		}
		selectCountry()
		function selectCountry(){
			var showDom = document.querySelector('.siteInfo');// 绑定一个触发元素
			showDom.addEventListener('click', function () {  // 添加监听事件
			    var val = showDom.dataset['id'];             // 获取元素的data-id属性值
			    var title = showDom.dataset['value'];        // 获取元素的data-value属性值
			    var arrList = [
							{'id':'TW', 'value': '台灣'},
							{'id':'MY', 'value': 'Malaysia'},
							{'id':'ID','value':'Indonisia'},
							{'id':'CN','value':'中国'},
							{'id':'IN','value':'India'},
							{'id':'VN','value':'Việt nam'},
							{'id':'AF','value':'أفغانستان'},
							{'id':'DZ','value':'الجزائر'},
							{'id':'BH','value':'البحرين'},
							{'id':'TD','value':'تشاد'},
							{'id':'KM','value':'جزر القمر'},
							{'id':'DJ','value':'جيبوتي'},
							{'id':'EG','value':'مصر'},
							{'id':'ER','value':'إريتريا'},
							{'id':'IQ','value':'العراق'},
							{'id':'JO','value':'الأردن'},
							{'id':'KW','value':'الكويت'},
							{'id':'LB','value':'لبنان'},
							{'id':'LY','value':'ليبيا'},
							{'id':'MR','value':'موريتانيا'},
							{'id':'MA','value':'المغرب'},
							{'id':'OM','value':'عمان'},
							{'id':'PS','value':'فلسطين'},
							{'id':'QA','value':'قطر'},
							{'id':'SA','value':'المملكة العربية السعودية'},
							{'id':'SD','value':'سودان'},
							{'id':'TN','value':'تونس'},
							{'id':'AE','value':'الإمارات العربية المتحدة'},
							{'id':'YE','value':'يمني'},
							{'id':'OTHER','value':'其他'},
						]
			  // 实例化组件
			    var example = new IosSelect(1,               // 第一个参数为级联层级,演示为1
			       [arrList],
			       {
			            container: '.container',             // 容器class
			            itemHeight: 40,                      // 每个元素的高度
			            itemShowCount: 5,                    // 每一列显示元素个数,超出将隐藏
			            oneLevelId: val,                     // 第一级默认值
			            callback: function (selectOneObj) {  // 用户确认选择后的回调函数
			                
			                showDom.innerHTML = '<img src="../img/site.png"/>'+selectOneObj.value;
			                showDom.dataset['id'] = selectOneObj.id;
			                showDom.dataset['value'] = selectOneObj.value;
			                var countryCode = selectOneObj.id;
			                var flag = false;
			               
			                	if(selectOneObj.id == 'TW' || selectOneObj.id== 'MY' || selectOneObj.id == 'ID' || selectOneObj.id == 'IN'){
			                		countryCode = selectOneObj.id
			                	} else if(!country[selectOneObj.id]){							
													countryCode = 'OTHER';
												} else {							
													countryCode = 'WPAY';
												}
			                
			                getLangRegion(countryCode);
			            }
			    });
			});
		}
		
		var len = len || 32;
		var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz0123456789';
		var maxPos = chars.length;
		var pwd = '';
		for (var i = 0; i < len; i++) {
			pwd += chars.charAt(Math.floor(Math.random() * maxPos));
		}
	
		var rechargeCid = '';
		if(sessionStorage.cid == undefined || sessionStorage.cid == 'undefined'){
			rechargeCid = 'cid';
		}
		$.ajax({
			url:$ip+'/stat/toRecharge.html',
      type: "post",
      data: {
          os: "h5",
          cid:rechargeCid,
          lang: sessionStorage.lang,
          uid: sessionStorage.uid,
          appversion:sessionStorage.appversion,
          driverid:pwd,
          token:sessionStorage.kkk
      },
      success:function(res){
      	
      }
		});
		
		function getNavigator(){
			var sUserAgent = navigator.userAgent.toLowerCase();
		  var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
		  var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
		  var bIsMidp = sUserAgent.match(/midp/i) == "midp";
		  var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
		  var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
		  var bIsAndroid = sUserAgent.match(/android/i) == "android";
		  var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
		  var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
		  if (!(bIsIpad|| bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
		  	return 'pc';
		  }
		  else if(bIsAndroid){
		      return 'android';
		  }else if(bIsIphoneOs||bIsIpad){
		     return 'ios';
		  }
		}
		
		function appCollaboration(msg){
				var sUserAgent = navigator.userAgent.toLowerCase();
			  var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
			  var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
			  var bIsMidp = sUserAgent.match(/midp/i) == "midp";
			  var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
			  var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
			  var bIsAndroid = sUserAgent.match(/android/i) == "android";
			  var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
			  var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
			  if (!(bIsIpad|| bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
			  }
			  else if(bIsAndroid){
			      window.yazhai.appCollaboration(msg);
			  }else if(bIsIphoneOs||bIsIpad){
			      window.webkit.messageHandlers.appCollaboration.postMessage(msg);
			  }
			}
			//客户端回调结果
			function appCallback(msg) {
			    console.log(msg);
			}
	</script>


</html>