{extend name="shop/default/Member/base" /}
{block name="resources"}
<style type="text/css">
td{padding:10px;border: 1px Black; width:46px;}
table{background-color:#eeeeee;border:0;width:100%;}
.integral_title{display:block;font-size:18px;text-align:center;padding:20px;}
.user-right .tabmenu .tab li {border-bottom: 2px #ff6600 solid;} 
.Withdrawals{
	width:10%;float:left;padding:5px 10px;
}
.Withdrawals-right{
	width:85%;float:left;padding:5px 10px;
}
.commision-total{
	line-height:30px;
}
.extract{
	 width: 100%;
}
.commision-right{
	width: 28%;
    line-height: 25px;
    float: left;
    text-align: left;
    border: 2px solid #ddd;
    padding: 5px;
 	margin:10px;
	margin-left:0px; 
}
.commision-right-btn{
    line-height: 25px;
    float: left;
    text-align: left;
    padding: 5px;
/* 	margin-top: 70px; */
/*     margin-left: 10px; */
}  
.tip-text{
	width: 90%;
    float: right;
	color: #DD997F;
}  
.btn-style{
	    width: 7%;
    line-height: 30px;
    text-align: center;
    background: red;
	margin-left:100px;
	margin-top: 12px;
    margin-bottom: 12px;
}
.horn-text{
	width: 50%;
    margin-left: 100px;
	color: #DD997F;
}
.modal-content{
	  width: 472px;
    left: 254px;
}	  
.active{
	border:2px dashed red;
} 
.commision-right-money{
	width: 21%;
    line-height: 25px;
    float: left;
    text-align: left;
    border: 1px solid #e5e5e5;
    padding: 5px;
/* 	margin:10px; */
}
.show-box{
	height: 25px;
    padding-left: 5px;
	border: 1px solid #ddd;
}
</style>
{/block}
{block name="main"}
    <div data-alert class="alert-box alert" id="errerMsg" style="display: none;"><a href="#" class="close">&times;</a></div>
    <!--submit errow tip end-->
    <!--content begin-->
    <div style="width:82%;float:left;">
        <div class="panel extract">
		        <div class="commision-total">
		        	<div class="commision-total" style="width:8%;float:left;padding:5px 10px;font-size: 14px;">可提现金额:</div>
		        	  <div style="width: 80%;clear: both;content: '';display: inline-table;font-size:18px;color:#FF4040;margin:10px;" id="Amount">
		        	  ¥{$account}
		        	  </div>
		        </div>
        </div>
        <div class="panel extract" style="clear: both;content: '';display: inline-block;">
		    <div class="commision-total" style="width:8%;float:left;padding:5px 10px;font-size: 14px;">提现账号:</div>
		    <div style="width: 90%;clear: both;content: '';display: inline-table;">
			    {foreach name="account_list" item="vo" key='k'}
			    <div class="commision-right">
			    	<div style="width:20%;float:right;text-align: center;margin-top: -8px;margin-right: -8px;"><a href="javascript:;" onclick="updatebankinfo({$vo.id},{$shop_id});"><img src="__TEMP__/{$style}/public/images/edit-cash.png"/ style="margin-right: 10px;"></a><a href="JavaScript:;" onclick="deletecash({$vo.id});"><img src="__TEMP__/{$style}/public/images/delete-cash.png"/></a></div>
			    	<div style="margin-top: 10px;">
			    	<span>姓名：{$vo.realname}</span><br/>
			    	<span>支行信息：{$vo.branch_bank_name}</span><br/>
			    	<span>银行账号：{$vo.account_number}</span>
			    	</div>
			    	<input type="hidden" value="{$vo.id}" class="bank_account_id"/>
			    </div>  
			    {/foreach}
			    {if !empty($account_list)}
			    <div class="commision-right-btn" style="border: 0;width:100%;"><input type="button" value="点击添加"  onclick="add_banck();" style="width: 65px;height: 30px;background: #e5e5e5;cursor: pointer;border:0;"/></div>   
				{else/}
				 <div class="commision-right-btn" style="border: 0;margin-top:0;"><input type="button" value="点击添加"  onclick="add_banck();" style="width: 65px;height: 30px;background: #e5e5e5;cursor: pointer;border:0;"/></div>   
				{/if}
			 </div>		        
		     
		       
        </div>
        <div class="panel extract" style="content:'';clear:both;display:inline-block;">
        	<div class="commision-total" style="width:8%;float:left;padding:5px 10px;font-size: 14px;">提现金额:</div>
        	<div class="commision-right-money" style="border:0;padding:5px 0px;">
		    	<input type="text" id="money" placeholder="请输入提取金额" style="height: 28px;padding-left: 5px;border: 1px solid #e5e5e5;"/>
		    </div>  
        </div>
        <div class="panel extract" style="content:'';clear:both;display:inline-block;">
        	<div class="tip-text">最低提现金额为<span id="MinaAmountCash">{$cash}</span>元 ，必须为<span id="IntTimes">{$poundage}</span>的整数倍</div>
        
        </div>
         <div class="panel extract">
        	<div class="btn-style">
        	<input type="hidden" id="bank_id"value=""/>
	        	<a href="javascript:;" onclick="btnSave()" class="button red" style="color:#fff;">立即申请</a>
	        </div>
	        <div class="horn-text" > 注:可提现金额为交易成功后7天且未提现的金额</div> 
        </div>
<!-- 添加银行账户弹出 -->
   <div class="modal fade hide" id="add_banck" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">添加账户</h4>
            </div>
            <div class="modal-body">
            	<div class="modal-infp-style">
            		<table>
            			<tr>
            				<td style="width:20%">姓名：</td>
            				<td colspan='3'>
            					<input type="text" placeholder="请输入真实姓名" id="realname" class="show-box"/>
            				</td>
            			</tr>
            			<tr>
            				<td>手机号：</td>
            				<td colspan='3'><input type="text" placeholder="请输入手机号" id="mobile" class="show-box"></td>
            			</tr>
            			
            			<tr>
            				<td>账号类型:</td>
            				<td colspan='3'>
            					<select id="bank_type">
								   <option  value="银行卡" >银行卡 </option>
								   <option value="支付宝" style="display:none;">支付宝</option>
								</select>
            				</td>
            			</tr>
            			<tr>
            				<td>支行信息:</td>
            				<td colspan='3'><input type="text" placeholder="请输入支行信息" id="branch_bank_name" class="show-box"/></td>
            			</tr>
            			<tr>
            				<td>银行账号:</td>
            				<td colspan='3'><input type="text" placeholder="请输入银行账号" id="account_number" class="show-box" onkeyup="value=value.replace(/[^\d+(\.\d+)?]/g,'')"/></td>
            			</tr>
            		</table>
            		<input type="hidden" value="{$shop_id}" id="shop_id"/>
            		<input type="hidden" id="accountid" value=""/>
            	</div>
            </div>
            <div class="modal-footer">
            <button class="btn btn-info" onclick="save()" id="butSubmit" data-dismiss="modal" aria-hidden="true" style="display:inline-block;">添加</button>
            <button type="button" class="btn btn-default close">关闭</button>
            </div>
        </div>
    </div>
</div>

<!-- 添加银行账户弹出结束 -->
        
        
        
        
        
<!--         <div class="panel extract-account" style="border:0px;"> -->
<!--             <ul class="side-nav" > -->
<!--                  {if condition="count($account_list) eq 0"} -->
<!--                 	<li ><a href="APP_MAIN/member/accountList?shop_id={$shop_id}" style="padding:6px 15px;"><span>请添加提现账号 <br></span><i class="arrow"></i></a></li> -->
<!--                  {else/} -->
<!--                 	<li> -->
<!--                 	 {volist name="account_list" id="vo"} -->
<!-- 					          <a href="APP_MAIN/member/accountList?shop_id={$shop_id}" style="padding:6px 15px;" > -->
<!-- 					               <span>{$vo.branch_bank_name}<br>{$vo.account_number} </span> -->
<!-- 					               <i class="arrow" ></i></a> -->
<!-- 					          </a> -->
<!-- 					          <input type="hidden" value="{$vo.id}" id="bank_account_id"/> -->
<!-- 	                 {/volist}  -->
<!-- 	                </li> -->
<!--                 {/if} -->
<!--             </ul> -->
<!--         </div> -->
<!--         <div class="row extract-monynumber"> -->
<!--             <div class="large-12 columns"> -->
<!--                 <input type="text" class="" style="border:0px;" id="money" placeholder="请输入提取金额"> -->
<!--             </div> -->
<!--             <div class="tip-text">最低提现金额为<span id="MinaAmountCash">{$cash}</span>元 ，必须为<span id="IntTimes">{$poundage}</span>的整数倍</div> -->
<!--         </div> -->
       
    
     <input type="hidden" value="{$shop_id}" id="id"/>
  </div>
{/block}
{block name="bottom"}{/block}
{block name="javascript"}
 <script type="text/javascript">
 $(function(){
	 $('.commision-right').eq(0).click();
 })
function add_banck(){
	 $("#add_banck").show();
}
$(".close").click(function(){
	$("#add_banck").hide();
})
$(".commision-right").click(function(){
	$(".commision-right").removeClass('active');
	$(this).addClass('active');
	var bank_id = $(this).find(".bank_account_id").val();
	var bank_id = $("#bank_id").val($(this).find(".bank_account_id").val());
})
//删除银行账号信息
function deletecash(id){
		$.ajax({
			url: "SHOP_MAIN/Member/delAccount",
			data: { "id": id },
			type: "post",
			success: function (res) {
				$.msg(res.message);
				 if (res.code == 1) {
					window.location.reload();
				}
			}
		})
	}
//修改银行账号原始数据弹出
function updatebankinfo(id,shop_id){
	$.ajax({
		url: "SHOP_MAIN/Member/getbankinfo",
		data: { "id": id ,"shop_id" : shop_id},
		type: "post",
		success: function (data) {
// 			alert(JSON.stringify(data));
// 			alert(data['realname']);
			var id = $("#accountid").val(data['id']);
			var realname = $("#realname").val(data['realname']);
			var mobile = $("#mobile").val(data['mobile']);
			var bank_type = $("#bank_type").val(data['bank_type']);
			var account_number = $("#account_number").val(data['account_number']);
			var branch_bank_name = $("#branch_bank_name").val(data['branch_bank_name']);
			 $("#add_banck").show();
		}
	})
}
//添加银行账户保存
function save(){
		var id = $("#accountid").val();
		//alert(id);
		var shop_id = $("#shop_id").val();
		var realname = $("#realname").val();
		var mobile = $("#mobile").val();
		var bank_type = $("#bank_type").val();
		var account_number = $("#account_number").val();
		var branch_bank_name = $("#branch_bank_name").val();
        if(realname==''){
        	$.msg("姓名不能为空");
    		$("#realname").focus();
        	return false;
        }
        if(!(/^1[3|4|5|7|8][0-9]{9}$/.test(mobile))){
        	$.msg("手机号格式不正确");
    		$("#mobile").focus();
        	return false;
        }
        if(branch_bank_name==''){
        	$.msg("支行信息不能为空");
    		$("#branch_bank_name").focus();
        	return false;
        }
        if(account_number==''){
        	$.msg("银行账号不能为空");
    		$("#account_number").focus();
        	return false;
        }
        var reg = /^\d{16,19}$/;
        if(!(reg.test(account_number))){
        	$.msg("输入银行账号格式不正确");
        	$("#account_number").focus();
        	return false;
        }
      
        if(id !=''){
        	//alert('123');
        	$.ajax({
    			type : "post",
    			url : "SHOP_MAIN/Member/updateBanckAccount",
    			dataType : "json",
    			data : {
    				"realname":realname,
    				"mobile":mobile,
    				"bank_type":bank_type,
    				"account_number":account_number,
    				"id" : id,
    				"branch_bank_name":branch_bank_name
    			},
    			success : function(data) {
    				//alert(JSON.stringify(data));
    				if(data['code']>1){
    					$.msg("修改成功");
    					window.location.href = "SHOP_MAIN/member/balanceWithdrawals.html?shop_id="+shop_id;
    				}else{
    					$.msg("修改失败");
    				}
    				
    			}
    		})
        }else{
        	$.ajax({
    			type : "post",
    			url : "SHOP_MAIN/Member/addAccount",
    			dataType : "json",
    			data : {
    				"realname":realname,
    				"mobile":mobile,
    				"bank_type":bank_type,
    				"account_number":account_number,
    				"branch_bank_name":branch_bank_name
    			},
    			success : function(data) {
    				//alert(JSON.stringify(data));
    				if(data['code']>1){
    					$.msg("添加成功");
    					window.location.href = "SHOP_MAIN/member/balanceWithdrawals.html?shop_id="+shop_id;
    				}else{
    					$.msg("添加失败");
    				}
    				
    			}
    		})
        }
        
		
	}

   function btnSave(){
	        var shop_id = $("#id").val();
        	var bank_id = $("#bank_id").val();
        	//alert(bank_account_id);
            var cash = $("#money").val().trim();
            var MaxCashAmount = $("#Amount").text().trim();
            var MinaAmountCash = $("#MinaAmountCash").text().trim();
            var IntTimes = $("#IntTimes").html().trim();
            MaxCashAmount = MaxCashAmount.substr(1);
            if(bank_id == null || bank_id == ""){
            	$.msg("添加提现账号");
	            return;
            }
            var reg = /^\+?[1-9][0-9]*$/;
      
            if (reg.test(cash)) {
            	cash = Number(cash);
                MaxCashAmount = Number(MaxCashAmount);
                MinaAmountCash = Number(MinaAmountCash);
                if (cash > 0) {
                    if (cash <= MaxCashAmount) {
                        if (cash >= MinaAmountCash) {
                            if (cash % parseInt(IntTimes) == 0) {
                            
                                $.ajax({
                                	type:"post",
                                    url: "SHOP_MAIN/member/balanceWithdrawals",
                                    data: { "bank_id": bank_id, "cash": cash},
                                    success: function (res) {
                                        // alert(JSON.stringify(res));
                                        if (res['code'] >0) {
                                        	$.msg("已提交申请，等待审核...");
                                            window.location.href = "SHOP_MAIN/member/balanceWithdrawals.html?shop_id="+shop_id ;
                                        } else {
                                        	$.msg(res['message']);
                                        } 
                                    }
                                })
                            } else {
                                //$("#CashAmount").focus();
                                $.msg("提现金额必须是" + IntTimes + "的整数倍");
                                return false;
                            }
                        } else {
                            //$("#CashAmount").focus();
                            $.msg("提现金额必须大于" + MinaAmountCash);
                            return false;
                        }


                    } else {
                        //$("#CashAmount").focus();
                        $.msg("可提现金额最大为" + MaxCashAmount);
                        return false;
                    }
                } else {
                    //$("#CashAmount").focus();
                    $.msg("当前不可提现");
                    return false;
                }
            } else {
                //$("#CashAmount").focus();
                $.msg("输入金额不合法");
                return false;
            }
        }
    </script>

{/block}