{php $this->template('header')}
	<link rel="stylesheet" href="{$public}css/user/money/chong.css?{php echo time()}">
	<div class="bui-page">
	  
		<main id="main">
			
				
				<ul class="bui-list">
		            <li class="bui-btn bui-box box_left">
		                <div class="bgauto yuan" style="background-image: url({php echo $this->user['headimgurl']})"></div>
		                <div class="span1">
		                	<div class="nickname">
								{php echo $this->user['nickname']} ( NO:{php echo $this->user['id']} )
							</div>
							<div class="yue "> 剩余 : {php echo db('user')->where(['id'=>$this->user['id']])->value('credit3')}</div>
						</div>
		                <i class="icon-listright"></i>
		            </li>
		           
		        </ul>
		        <div id="slideNote" class="bui-slide bui-slide-notice" style="background-color:#fff;"></div>
		        <div class="title"> 充值金额 </div>
		        <div class="money_box">
					<div class="bui-fluid">
					    
					    <div class="span3">
							<div class="bui-btn small bui-check" data-money="10">10元</div>
					    </div>
					    <div class="span3">
							<div class="bui-btn small bui-check" data-money="50">50元</div>
					    </div>
					    <div class="span3">
							<div class="bui-btn small bui-check" data-money="100">100元</div>
					    </div>
					    <div class="span3">
							<div class="bui-btn small bui-check" data-money="200">200元</div>
					    </div>

					</div>

					<div class="money">
						
						<div class="bui-input user-input">
	                        <span class="qita">其他金额</span> 
	                        <input id="fel" type="number" value="" placeholder="请输入其他金额,只能为正整数" style="height: .7rem;">
	                    </div>

					</div>
					
		        </div>
			     
				<div class="title"> 支付方式 </div>
				<div class="zhifu">
					<ul class="bui-list">
			            <li class="bui-btn bui-box">
			            	<div class="span1">
								<img src="{$public}img/tuijian.png" class="tuijian">
			                    <label for="interest21">
			                    	<img src="{$public}img/wxpay.png" class="wxpay">微信支付
			                    </label>
			                </div>
			                <input type="radio" class="bui-radio" name="type" value="1" text="" checked="checked">
			            </li>
			            <li class="bui-btn bui-box">
			            	<div class="span1">
			                    <label for="interest21">
			                    	<img src="{$public}img/yue.png" class="wxpay">余额支付
			                    </label>
			                </div>
			                <input type="radio" class="bui-radio" name="type" value="2" text="">
			            </li>
			        </ul>
		        </div>
		        
	      	<!-- <div class="rule_box">
				<div class="tishi"> <i class="iconfont icon-instant-error"></i> 温馨提示 </div>
				<div class="content">
					<p>1.充值一元可获得金币 {php echo config('goldprice')} 个;</p>
					<p>2.最低提现额度是1元;</p>
					<p>3.一般情况下,充值将会直接到账，如遇高峰期可能会存在延迟;</p>
					<p>4.充值成功后充值的金钱，不能退还;</p>
					<p>5.提现就代表同意以上全部协议。</p>
				</div>
			</div> -->
			<div class="add text-c">
				<div class="bui-btn btn chongzhi"> 确认充值 </div>
		    </div>

		        <!-- <div class="zijin text-c clcik" data-url="{php echo iurl('user/money/record')}">
		        	<span class="jilu"> 资金记录查询> </span> 
		        </div> -->

		</main>


	</div>


<script>
	bui.ready(function(){
		
		var uiSlide = bui.slide({
	        id:"#slideNote",
	        height:100,
	        autoplay: true, 
	        loop: true,
	        data: [{
	          title: "充值一元可获得金币 {php echo config('goldprice')} 个"
	        },{
	          title: "最低充值额度是1元"
	        },{
	          title: "充值将会直接到账"
	        },{
	          title: "成功充值后金钱，不能退还"
	        }],
	        template: function (data) {
	          // 自定义模板时,需要自己渲染完整结构
	          var html = "";
	          html +=`<div class="bui-slide-main"><ul>`
	          data.forEach(function (item,i) {
	            html +=`<li>
	                <div class="notice-item"  >
	                    <div class="span1">${item.title||""}</div>
	                </div>
	            </li>`
	          })
	          html +=`</ul></div>`

	          return html;
	        },
	        direction: "y"
	    })

	   
	})

	$('.small').click(function(){
		$(this).addClass('active').parent('.span3').siblings('.span3').find('.small').removeClass('active');
		$("#fel").val('');
	});
	$("#fel").focus(function(){
		$('.bui-fluid').find('.small').removeClass('active');
	});
	$('.chongzhi').click(function(){

		var reg = /^\+?[1-9][0-9]*$/;
		var t=$(this);
		var fel=$('#fel').val();
		var type=$('input[name="type"]:checked').val(); 
	
		if (fel==''||fel==undefined) {
			fel=$('.small.active').data('money');
		}

		if (fel==undefined) {

			return msg('请输入正确的金额',1);
		}
		
		if (!reg.test(fel)) {

			return msg('充值金额只能是正整数',1);

		}
		/**
		 * 创建订单 支付金额
		 * @param  {[type]} type [description]
		 * @return {[type]}      [description]
		 */
		$.post("{php echo iurl('user/jinbi/chong')}",{fee:fel,type:type},function(r){

			if (type==1) {

				if(miniProgram){
                     wx.miniProgram.navigateTo({
                    	url:"/pages/pay/index?type=jinbi&name=金币充值&sn="+r.data+"&url={php echo urlencode(iurl('user/jinbi/index'))}"
                    })
				}else{
					my.pay({tid:'jinbi_'+r.data,title:'金币充值',fee:fel},function(r){
                        msg('充值成功,2秒后返回到金币余额页面',2);
						setTimeout(function(){
							window.location.href="{php echo iurl('user/jinbi/index')}";
						},2000);
				    });
				}
				
			}else{

				if (r.code) {

					msg('充值成功,2秒后返回到金币余额页面',2);
					setTimeout(function(){
						window.location.href="{php echo iurl('user/jinbi/index')}";
					},2000);
				}else{

					return msg(r.msg,1);

				}
				
			}


		})


		

	})
	
</script>