{php $this->template('header')}
	<link rel="stylesheet" href="{$public}css/user/money/chong.css?{php echo time()}">
	<div class="bui-page">
	  
		<main id="main">
			<div style="padding-bottom: 1.1rem;">
				
				<ul class="bui-list">
		            <li class="bui-btn bui-box box_left">
		                <div class="bgauto yuan" style="background-image: url({$act['img']})"></div>
		                <div class="span1">
		                	<div class="nickname bui-ellipsis-1">
								{$act['title']}
							</div>
							<div class="yue "> 累计或的赏金 {$money} 元</div>
						</div>
		                
		            </li>
		           
		        </ul>
		        <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="phonenumber" 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 id="interest21" type="radio" class="bui-radio" name="interest2" value="" text="" checked="checked">
			            </li>

			        </ul>
		        </div>
		        <div class="add text-c">
					<div class="bui-btn btn chongzhi"> 确认打赏 </div>
		        </div>
		    
	        </div>
		</main>


	</div>


<script>
	bui.ready(function(){
		var uiLoading = bui.loading({
            appendTo:"body",
            width: 40,
            height: 40,
            
        });

		
		$('.small').on('click',function(){
			$(this).addClass('active').parent('.span3').siblings('.span3').find('.small').removeClass('active');
			$("input").val('');
		});
		$("input").focus(function(){
			$('.bui-fluid').find('.small').removeClass('active');
		});
		$('.chongzhi').on('click',function(){
			uiLoading.show();
			uiLoading.text('请稍候...');
			var reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
			var t=$(this);
			var fel=$('input').val();

			if (fel==''||fel==undefined) {
				fel=$('.small.active').data('money');
			}

			if (fel==undefined||!reg.test(fel)) {

				return msg('请输入正确的金额',1);
			}
			
			$.post('',{fel:fel},function(r){

				uiLoading.hide();

				if (r.code==1) {

					if(miniProgram){

						wx.miniProgram.navigateTo({
		                    url:"/pages/pay/index?type=rewards&name=打赏文章&sn="+r.data.sn+"&url={php echo urlencode(iurl('user/article/item',['id'=>input('get.id')]))}"
		                })

					}else{


						my.pay({tid:'rewards_'+r.data.sn,title:'打赏文章',fee:r.data.money},function(r){ 

							return setTimeout(function(){ window.location.href="{php echo iurl('user/article/item',['id'=>input('get.id')])}";},2000);

						});

					}

				}else{

					
					
				}

				


			})



		})
	   
	})



</script>