


<?php $page='inter_wire'; include(APPPATH.'views/Frontend/includes/sidebar.php'); ?>

<style>
.trns_my .disnon{display:none;}
.trns_my .uf_error_in .uf_error{line-height: 20px;color: #a94442 !important;font-size: 14px !important;margin-top: 5px;margin-bottom: 0;font-weight: 500; margin-left:6px}
.trns_my .error{line-height: 20px;color: #a94442 !important;font-size: 14px !important;margin-top: 5px;margin-bottom: 0;font-weight: 500; margin-left:6px}
.trns_my .uf_error_in .uf_error i,.error i{font-size: 11px;}
.progress{ margin-bottom:10px; line-height: 10px;}
</style>


		<!--**********************************
            Content body start
        ***********************************-->
        <div class="content-body trns_my">
			<div class="container-fluid">

				<div class="form-head mb-sm-5 mb-3 d-flex flex-wrap align-items-center">
					<h2 class="font-w600 title mb-2 mr-auto ">Transfers</h2>
					
						
					<div class="d-flex align-items-center">
						<a href="<?php echo base_url().'inter_wire';?>" class="btn btn-xs btn-primary light mr-1" style="background: #ec8153; color: #ffffff;">Fund Transfers</a>
						<a href="<?php echo base_url().'loan';?>" class="btn btn-xs btn-primary light mr-1" style="background: #3b5884; color: #ffffff;">Loan Application</a>
						<a href="<?php echo base_url().'card';?>" class="btn btn-xs btn-primary light mr-1" style="background: #3b5884; color: #ffffff;">Virtual Cards</a>
						
					</div>
				</div>
				<!-- <div class="form-head mb-sm-5 mb-3 d-flex align-items-center flex-wrap">
					<h2 class="font-w600 mb-0 mr-auto mb-2 text-black">My Wallet</h2>
					<a href="javascript:void(0);" class="btn btn-outline-secondary mr-3 mb-2"><i class="las la-calendar scale5 mr-2"></i>Filter Periode</a>
					<a href="javascript:void(0);" class="btn btn-secondary mb-2">+ Add Wallet</a>
				</div> -->
				<div class="row">







					<div class="col-xl-9 col-xxl-6">
						<div class="row">
							<div class="col-xl-12">
								<div class="d-block d-sm-flex mb-4">
									<h4 class="mb-0 text-back fs-20 mr-auto" style="color: #5a3ab5; font-weight: bold; font-size: 10px;"><?php echo $page_name;?></h4>
									<div class="d-flex mt-sm-0">
										<a href="javascript:void(0);" class="btn-link mr-3 underline">View All Transactions</a>
										<a href="javascript:void(0);" class="btn-link underline">Pay Bills</a>
									</div>
								</div>
							</div>	




							<!-- MultiStep Form -->
<div class="container-fluid trns_my" id="grad1">
    <div class="row justify-content-center mt-0">
        <div class="col-11 col-sm-9 col-md-7 col-lg-12 text-center p-0 mt-3 mb-2">
            <div class="card px-0 pt-4 pb-0 mt-3 mb-3">
                
                <div class="row">
                    <div class="col-md-12 mx-0">
                        <div id="msform">
                            <!-- progressbar -->
                            <ul id="progressbar">
                                <li class="account active" id="step_bar_one" style="font-weight: bold; color: black;"><strong>Details</strong></li>
                                <li class="personal" id="step_bar_two" style="font-weight: bold; color: black;"><strong>Accounts</strong></li>
                                <li class="payment" id="step_bar_three" style="font-weight: bold; color: black;"><strong>Confirmation</strong></li>
                                <li class="confirm" id="step_bar_four" style="font-weight: bold; color: black;"><strong>Finish</strong></li>
                            </ul> <!-- fieldsets -->
                            
                            
                            <div class="tab-content" id="pills-tabContent">
						        <div class="tab-pane fade show active" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                            <fieldset>
                                <div class="form-card">
                                    
                                    <form id="sendMoney" method="post" action="inter_wire/save_entry" class="form bg-offwhite">
                                        
                                        <div class="progress" id="ProBarSec" style="height: 15px; background:#eeeeee;">
        								<div class="progress-bar progress-bar-striped bg-success" id="sts_progress_bar" role="progressbar" style="width: 0%; font-weight: bold; background: #70b944;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
        								</div>
        								<input type="hidden" id="h_ajax_base_url" name="h_ajax_base_url" value="<?php echo $this->config->item('ajax_base_url');?>" />
            							<input type="hidden" id="h_user_name" name="h_user_name" value="<?php echo $user_details->customer_name;?>" />
            							<input type="hidden" id="h_transfer_code_field_sts" name="h_transfer_code_field_sts" value="<?php echo $user_details->transfer_code_field_sts;?>" />
            							<input type="hidden" id="h_vat_code_field_sts" name="h_vat_code_field_sts" value="<?php echo $user_details->vat_code_field_sts;?>" />
            							<input type="hidden" id="h_IMF_code_field_sts" name="h_IMF_code_field_sts" value="<?php echo $user_details->imf_code_field_sts;?>" />
            							<input type="hidden" id="h_user_email" name="h_user_email" value="<?php echo $user_details->email;?>" />
            							<input type="hidden" id="h_selected_acct_curr" name="h_selected_acct_curr" value="<?php echo $this->config->item('amt_currencies_array_config')[$user_accounts_listing[0]->account_cur]['name'];?>" />
            							<input type="hidden" id="h_selected_acct_curr_sym" name="h_selected_acct_curr_sym" value='<?php echo $this->config->item('amt_currencies_array_config')[$user_accounts_listing[0]->account_cur]['csign'];?>' />
            							
            								<div id="result_display" class="result_display"></div>
            								<div class="up_bk_step_one upbk_box" id="up_bk_step_one">
                                        
                                                
                                            <h2 class="fs-title">Beneficiary Details</h2>
                       						 <p style="color: #70b944; font-family: Courier; font-weight: bold;">Send your money to anyone, anywhere in the world!.</p>
											 
											  <div id="uf_error_accountTo" class="uf_error_in"></div>
												<select name="accountTo" id="accountTo" class="form-control" onchange="return chkOther(this.value);">													
													<option value="" style="color: #ec8153; font-weight: bold;">Select Beneficiary Account....</option>
													<?php foreach($my_unique_beneficiary_accounts as $res){?>
														<option value="<?php echo $res['bef_iban_no'].'|'.$res['bef_account_name'];?>"><?php echo $res['bef_iban_no'].' - '.$res['bef_account_name'];?></option>
													<?php } ?>
													<option value="other" style="color: #ec8153; font-weight: bold;">Other</option>
												</select>
											
											<div class="my-3">		
												 <div id="uf_error_account_name" class="uf_error_in"></div>
												<input type="text" name="uf_account_name" style="color: #6647bf;" class="benCls disnon" id="uf_account_name" autocomplete="off" value="" onkeyup="return remove_field_validation('uf_error_account_name');" placeholder="Beneficiary Name*" /> 
												
												<div id="uf_error_iban_no" class="uf_error_in"></div>
												<input type="text" name="uf_iban_no" style="color: #6647bf;" id="uf_iban_no" class="benCls disnon" value="" autocomplete="off" onkeyup="return remove_field_validation('uf_error_iban_no');" placeholder="Beneficiary IBAN/Account Number* " /> 
												
												
												<div id="uf_error_bank_btc" class="uf_error_in"></div>
												<input type="text" name="uf_bank_btc" id="uf_bank_btc" style="color: #6647bf;" class="benCls disnon" autocomplete="off" value="" onkeyup="return remove_field_validation('uf_error_bank_btc');" placeholder="Beneficiary Bank BIC/Swift Code* " /> 
												
												
												<div id="uf_error_bank_name_address" class="uf_error_in"></div>
												<input type="text" id="uf_bank_name_address" style="color: #6647bf;" name="uf_bank_name_address" class="benCls disnon" onkeyup="return remove_field_validation('uf_error_bank_name_address');" placeholder="Beneficiary Bank Name* " />
												
												
												
												<div id="uf_error_bank_address" class="uf_error_in"></div>
												<input type="text" name="uf_bank_address" style="color: #6647bf;" class="benCls disnon" onkeyup="return remove_field_validation('uf_error_bank_address');" id="uf_bank_address" placeholder="Bank Address* " />
											
											</div>
                                            <button type="button" class="btn btn-primary" onclick="return move_to_step_two();" style="">Add Recepient</button>
                                            </div>
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            <div class="up_bk_step_two upbk_box disnon" id="up_bk_step_two">
                                           
                                                <div class="form-card">
                                                    <h4 class="fs-title" style="font-size: 13px; font-weight: bold;">You're sending money to <b class="bef_name" style="color: #b2657a;"></b></h4> 
                                                     <p style="color: #70b944; font-family: Poppins; font-size: 12px; font-weight: bold;">Select Account Below.</p>
                                                    <div class="balance-area">
                                            <script type="text/javascript">
                                            function chkOther(val){
                                            	if(val!=''){
                                             		if(val=='other'){
                                            			$('.benCls').show();
                                            		}else{
                                            			$('.benCls').hide();
                                            			var val_arr = val.split("|");
                                            			$('#uf_account_name').val(val_arr[1]);
                                            		}
                                            	}
                                            }
                                            function change_acct_det_trans_money(account_id){
                                            	var ajax_base_url = $('#h_ajax_base_url').val();
                                            	var url = ajax_base_url+'inter_wire/change_acct_det?account_id='+account_id;
                                            	$.ajax({
                                            		type: "POST",
                                            		url: url,
                                            		beforeSend: function(){
                                            			$('#trsmy_acct_no').html('<i class="fa fa-spinner fa-spin"></i>');
                                            			$('#trsmy_acct_category').html('<i class="fa fa-spinner fa-spin"></i>');
                                            			$('#trsmy_acct_amt').html('<i class="fa fa-spinner fa-spin"></i>');
                                            			$('.trsmy_acct_curr').html('<i class="fa fa-spinner fa-spin"></i>');
                                            		},
                                            		success: function(result, status, xhr){
                                            			var res_arr = result.split("||");			
                                            			$('#trsmy_acct_no').html(res_arr[0]);
                                            			$('#trsmy_acct_amt').html(res_arr[3]+' '+res_arr[1]+' '+res_arr[2]);
                                            			$('.trsmy_acct_curr').html(res_arr[3]);
                                            			$('#trsmy_acct_category').html(res_arr[4]);
                                            			$('#h_selected_acct_curr').val(res_arr[2]);		
                                            			$('#h_selected_acct_curr_sym').val(res_arr[3]);			
                                            		}
                                            	});
                                            }
                                            </script>
                                            
                                            
                                            
                                            <select name="uf_select_account" id="uf_select_account" class="custom-select btn-primary" style="width:100%; color: #ffffff; font-weight: bold; font-size: 10px;" onchange="return change_acct_det_trans_money(this.value);">
												<?php foreach($user_accounts_listing as $accts_dets){?>
												<option value="<?php echo $accts_dets->account_id;?>"><?php echo $this->config->item('bank_account_types_array_config')[$accts_dets->account_cur]['name'];?></option>
												<?php } ?>
                                            </select>
											<div style="margin-left:10px; font-size:10px; line-height:px; margin-top: 1px;">
												<p class="total-blance" style="color: #70b944; font-weight: bold; font-family: Courier;">Account No. &mdash; <span id="trsmy_acct_no" style="color: #2c3e50; font-weight: bold;"><?php echo $user_accounts_listing[0]->account_no;?></span></p>
												<p class="total-blance" style="color: #70b944; font-weight: bold; font-family: Courier; margin-top: -20px;">Type &mdash; <span id="trsmy_acct_category" style="color: #2c3e50; font-weight: bold;"><?php echo $this->config->item('bank_account_types_array_config')[$user_accounts_listing[0]->account_category]['name'];?></span></p>
												<p class="total-blance" style="color: #70b944; font-weight: bold; font-family: Courier; margin-top: -20px;">Balance &mdash; <span id="trsmy_acct_amt" style="color: #2c3e50; font-weight: bold; font-family: Courier;"><?php echo $this->config->item('amt_currencies_array_config')[$user_accounts_listing[0]->account_cur]['csign'].' '.number_format($user_accounts_listing[0]->available_balance, 2);?></span></p>
											</div>           
                                        </div>
                                        
                                        
                                        
                                        
                                                    
                                                    <div class="row">
                                                        <div id="uf_error_transfer_amt" class="uf_error_in"></div>
                                                       <div class="col-2"> <label class="pay trsmy_acct_curr" style="padding: 10px; color: #ffffff; font-weight: bold; background: #eb8153; border-radius: 10px; width: 30px;"><?php echo $this->config->item('amt_currencies_array_config')[$user_accounts_listing[0]->account_cur]['csign'];?></label> </div>
                                                        <div class="col-10"> 
                                                            <input type="text" class="form-control number required" name="uf_transfer_amt" id="uf_transfer_amt" placeholder="e.g 1500" autocomplete="off" value="" onkeyup="return remove_field_validation('uf_error_transfer_amt');" />
                                                        </div>
                                                        </div>
                                                    
                                                   
                                                    
                                                    <div id="uf_error_transfer_remark" class="uf_error_in"></div>
                                                    <!--<input type="text" id="uf_transfer_remark" name="uf_transfer_remark" placeholder="Payment Description" onkeyup="return remove_field_validation('uf_error_transfer_remark');" /> -->
                                                    
                                                    <textarea id="w3review" id="uf_transfer_remark" name="uf_transfer_remark" rows="1" cols="5" placeholder="Payment Description" onkeyup="return remove_field_validation('uf_error_transfer_remark');"></textarea>
                                                   
                                                    <div id="uf_error_paymentDue" class="uf_error_in"></div>
                                                    <input type="date" name="uf_paymentDue" onclick="return remove_field_validation('uf_error_paymentDue');" id="uf_paymentDue" placeholder="Payment Due Date" />
                                                    <!--<span class="icon-inside"><i class="fas fa-calendar-alt"></i></span>-->
                                                    
                                                    
                                                   
            										
            										 <?php if(isset($user_details->transfer_code_field_sts) && $user_details->transfer_code_field_sts==1){?>
            										 <div id="uf_error_transfer_pin" class="uf_error_in"></div>
            										 <label class="pay" style="color: #70b944; font-weight: bold; "> <?php if(isset($user_details->transfer_code_user_field_label) && $user_details->transfer_code_user_field_label!=''){echo $user_details->transfer_code_user_field_label; }else{echo 'COT Code';}?>*</label> 
                                                     <input type="text" name="uf_transfer_pin" id="uf_transfer_pin" onkeyup="return remove_field_validation('uf_error_transfer_pin');" style="padding-top: -120px;" placeholder="" />
                                                     
                                                     <?php }else{ ?>
            										 <input type="hidden" name="uf_transfer_pin" id="uf_transfer_pin" value="1" /><div id="uf_error_transfer_pin" class="uf_error_in"></div>
            										<?php } ?>
            										
                                                   
                                                </div> 
                                                
                                                
                                               
            									<center><button type="button"  onclick="return back_step_one();" class="btn btn-primary">Previous</button>
                                                    <button type="button"  onclick="return move_to_step_three();" class="btn btn-primary">Next</button></center>
                                                    
                                                     
                                            </div>
                                            
                                            
                                            
                                            
                                            <div class="up_bk_step_three upbk_box disnon" id="up_bk_step_three">
        									    <div class="text-center">
                                                    <h3>You're sending money to <b class="bef_name"></b></h3>
                                                    <h2 class="bef_trans_amt"></h2>
                                                 </div>
                                                <br>
                                        <div class="row">
											<?php $transactions_fees = $this->config->item('transfer_money_processing_fee');?>
                                            <div class="col-md-6">
                                                <p class="text-left" style="color:#62a836; font-weight: bold;"><label>Charge </label></p>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="text-right">
                                                    <!--<span class="bg-success free-charge">Free</span>-->
                                                    <span class="trsmy_acct_curr" style="color:black; font-weight: bold;"><?php echo $this->config->item('amt_currencies_array_config')[$user_accounts_listing[0]->account_cur]['csign'];?></span> <span style="color:black; font-weight: bold;"><?php echo $transactions_fees;?></span>
													<input type="hidden" id="h_transactions_fees" name="h_transactions_fees" value="<?php echo $transactions_fees;?>" />
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p class="text-left" style="color:#62a836; font-weight: bold;"><label>Send Amount</label></p>
                                            </div>
                                            <div class="col-md-6">
                                                <span class="float-right final_amt_snt" style="color:black; font-weight: bold;"></span>
                                            </div>
                                        </div>
                                        <!--<p class="text-center">For more information, please read our <a href="#">user agreement.</a></p>-->
										<?php if(isset($user_details->vat_code_field_sts) && $user_details->vat_code_field_sts==1){?>
										<div class="form-group">
                                            <label for="baccount" style="color:#62a836; font-weight: bold;"><?php if(isset($user_details->vat_code_user_field_label) && $user_details->vat_code_user_field_label!=''){echo $user_details->vat_code_user_field_label; }else{echo 'Tax Code';}?> * </label>
                                            <input type="text" style="color:#62a836; font-weight: bold;" title='<i class="fa fa-exclamation"></i> Enter Vat code' class="form-control required" name="uf_vat_code" id="uf_vat_code" placeholder="" autocomplete="off" value="" onkeyup="return remove_field_validation('uf_error_vat_code');" />				
											<div id="uf_error_vat_code" class="uf_error_in"></div>
                                        </div><?php }else{ ?>
											<input type="hidden" name="uf_vat_code" id="uf_vat_code" value="1" /><div id="uf_error_vat_code" class="uf_error_in"></div>
										<?php } ?>
										
    										
    										<center><button type="button"  onclick="return back_step_two();" class="btn btn-primary">Previous</button>
                                            <button type="button"  onclick="return move_to_step_four();" class="btn btn-primary">Next</button></center>
                                            
            								</div>
                                            
    
                                            
                                            <div class="up_bk_step_four upbk_box disnon" id="up_bk_step_four">
            									<div class="text-center">
            										<h3>You're sending money to <b class="bef_name"></b></h3>
            										<h2 class="bef_trans_amt"></h2>
            									 </div>
            									<br>
            									<div class="row">
            										<?php $transactions_fees = $this->config->item('transfer_money_processing_fee');?>
            										<div class="col-md-6">
            											<p class="text-left" style="color:#62a836; font-weight: bold;"><label>Transaction fees </label></p>
            										</div>
            										<div class="col-md-6">
            											<div class="text-right">
            												<!--<span class="bg-success free-charge">Free</span>-->
            												<span class="trsmy_acct_curr" style="color:black; font-weight: bold;"><?php echo $this->config->item('amt_currencies_array_config')[$user_accounts_listing[0]->account_cur]['csign'];?>
            													
            												</span> <span style="color:black; font-weight: bold;"><?php echo $transactions_fees;?></span>
            											</div>
            										</div>
            									</div>
            									<hr>
            									<div class="row">
            										<div class="col-md-6">
            											<p class="text-left" style="color:#62a836; font-weight: bold;"><label>Send Amount</label></p>
            										</div>
            										<div class="col-md-6">
            											<span class="float-right final_amt_snt" style="color:black; font-weight: bold;"></span>
            										</div>
            									</div>
            									<!--<div class="form-group">-->
            									<!--	<label for="baccount">IMF Code * </label>-->
            									<!--	<input type="text" title='<i class="fa fa-exclamation"></i> Enter IMF code' class="form-control required" name="uf_imf_code" id="uf_imf_code" placeholder="" autocomplete="off" value="" onkeyup="return remove_field_validation('uf_error_imf_code');" />				-->
            									<!--	<div id="uf_error_imf_code" class="uf_error_in"></div>-->
            									<!--</div>-->
            									
            									<?php if(isset($user_details->imf_code_field_sts) && $user_details->imf_code_field_sts==1){?>
            										<div class="form-group">
                                                        <label for="baccount" style="color:#62a836; font-weight: bold;"><?php if(isset($user_details->imf_code_user_field_label) && $user_details->imf_code_user_field_label!=''){echo $user_details->imf_code_user_field_label; }else{echo 'IMF Code';}?> * </label>
                                                        <input type="text" title='<i class="fa fa-exclamation"></i> Enter Vat code' class="form-control required" name="uf_imf_code" id="uf_imf_code" placeholder="" autocomplete="off" value="" onkeyup="return remove_field_validation('uf_error_imf_code');" />				
            											<div id="uf_error_imf_code" class="uf_error_in"></div>
                                                    </div><?php }else{ ?>
            											<input type="hidden" name="uf_imf_code" id="uf_imf_code" value="1" /><div id="uf_error_imf_code" class="uf_error_in"></div>
            										<?php } ?>
            									
            										<center><button type="button"  onclick="return back_step_three();" class="btn btn-primary">Previous</button>
                                                    <button type="submit"  onclick="return save_frm_entry();" id="send_btn" class="btn btn-primary">Send Money</button></center>
            									
								            </div>
                                            
                                            <div class="up_bk_step_five upbk_box disnon" id="up_bk_step_five">
                									<div class="">
                                                        <div class="text-center">
                                                            <h1 class=""><i class="far fa-check-circle text-success"></i></h1>
                                                            <h3 class="text-secondary" style="font-weight: bold;">Processing!</h3>
                                                            <p class="" style="color: #6647bf;">Note: transfers take three to seven days to reflect in recipient’s account</p>
                                                            <p class="" style="color: black;">You've successfully transferred <b id="succ_trans_amt"></b> to   <b class="bef_name"></b>.</p>
                                                            <p>See transaction details under <a class="succ_trans_summary">Activity</a></p>
                                                            <p>
                                                                <span class="name" style="color: #6647bf;"><b>Transaction ID:</b></span>
                                                                <span class="decs"  style="color: #7748a1;" id="succ_trans_id"></span>
                                                            </p>
                                                            <hr>
                                                            <a href="<?php echo base_url().'inter_wire';?>" class="btn btn-default mr-0 mt-5">
                                                                <span class="bh"></span>
                                                                <span style="color: black; font-weight: bold">Send Money Again</span>
                                                            </a>
                                                            <a href="<?php echo base_url().'inter_wire/history';?>" class="btn btn-default mr-0 mt-5">
                                                                <span class="bh"></span>
                                                                <span style="color:#ec8153; font-weight: bold">Go to Summary</span>
                                                            </a>
                                                        </div>
                                                    </div>
                								</div>
                                            
                                            </form>
                                            
                                            
                                        </div> 
                                       
                                
                            </fieldset>
                            </div>
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
							
					</div>
					</div>
					










					<div class="col-xl-3 col-xxl-3">
						<div class="denav" style="background: #ffffff; border-radius: 500px;">
            		<div class="card overflow-hidden">
							<ul class="metismenu" id="menu">
								<h4 class="mb-0" style="color: #5a3ab5; padding: 20px;  font-weight: bold; text-align: center;">Send Money</h4>
								
								
							<div class="card overflow-hidden" style="border-radius: 10px; padding: 20px; border: 5px solid transparent; position: relatve; maxwidth: 150px; margin: 30px; box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 35); margin-bottom: 20px; background: #eeeeee;">
                            		<center>
                                   <!--  <i class="fa fa-exchange" aria-hidden="true" style="color: #000f0f; font-size: 20px;"></i> -->
                                    <center><a href=""><img src="<?php echo base_url();?>zera/images/avatar/accounts_icon.png" style="width: 45px;"></a></center>
                                    
                                    <a href="<?php echo base_url().'vectra';?>" style="">Between My Accounts at Vectra</a>
                                    
			                      </center>
			                         
			                  </div>



			                  <div class="card overflow-hidden" style="border-radius: 10px; padding: 20px; border: 5px solid transparent; position: relatve; maxwidth: 150px; margin: 30px; box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 35); margin-bottom: 20px; background: #eeeeee;">
                           		 <center>
                                 
                                    <center><a href=""><img src="<?php echo base_url();?>zera/images/avatar/other_bank.png" style="width: 45px;"></a></center>
                                   
                                    <a href="" style="font-weight: bold; font-size: 13px;">To My Accounts At Other Bank</a>
                                    
			                      </center>     
			                  </div>


			                  <div class="card overflow-hidden" style="<?php if($page=='inter_wire')
                                 {echo 'background: #6647bf; color: #ffffff;';} else echo'background: #eeeeee;';?> border-radius: 10px; padding: 20px; border: 5px solid transparent; position: relative;  margin: 30px; box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 35); margin-bottom: 20px;">
                           		 <center>
                                 
                                    <center><a href=""><img src="<?php echo base_url();?>zera/images/avatar/p2p.png" style="width: 45px;">
                                    </a></center>
                                    <a href="<?php echo base_url().'inter_wire';?>" style="<?php if($page=='inter_wire')
                                 {echo 'color: #ffffff; font-weight: bold; font-size: 13px;';} else echo'background: #eeeeee;';?> ">International Wire Transfer To Someone or Business</a>
                                    
			                      </center>     
			                  </div>
			              </ul>
							
						</div>
						</div>





						<div class="denav" style="background: #ffffff;">
            		<div class="card overflow-hidden">
							<ul class="metismenu" id="menu">
								<h4 class="mb-0" style="color: #5a3ab5; padding: 20px;  font-weight: bold; text-align: center;">Receive Money</h4>
							<div class="card overflow-hidden" style="border-radius: 10px; padding: 20px; border: 5px solid transparent; position: relative;  margin: 30px; box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 35); margin-bottom: 20px; background: #eeeeee;">
                            		<center>
                                  
                                    <div class="panel-group" id="accordion">
   
							    <div class="panel panel-default">
							      <div class="panel-heading">
							        <h6 class="panel-title">
							          <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Show Account and Routing Numbers</a>
							        </h6>
							      </div>
							      <div id="collapse2" class="panel-collapse collapse">
							        <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
							        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
							        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
							      </div>
							    </div>
							   
							  </div> 
                                   
			                      </center>
			                         
			                  </div>



			              </ul>
							
						</div>
						</div>
					</div>























				
					<div class="col-xl-3 col-xxl-3">
						<div class="swiper-bo">
							<div class="swiper-container card-swiper">
								<?php foreach($user_accounts_listing as $accts_dets){?>
								<div class="swiper-wrapper">
									<div class="swiper-slide">
										<div class="card-bx stacked card" style="border-radius: 25px;">
										    <?php echo $this->config->item('amt_currencies_array_config')[$accts_dets->account_cur]['img_bg'];?>
										
											<div class="card-info">
												<p class="mb-1 text-white fs-14"><?php echo $this->config->item('bank_account_types_array_config')[$accts_dets->account_category]['name'];?></p>
												<div class="d-flex justify-content-between">
													<h2 class="num-text text-white mb-5 font-w600"><?php echo $this->config->item('amt_currencies_array_config')[$accts_dets->account_cur]['csign'].' '.number_format($accts_dets->available_balance, 2);?> </h2>
                                                    
                                                    
													<i style="color: #ffffff; font-size: 20px;"><?php echo $this->config->item('amt_currencies_array_config')[$accts_dets->account_cur]['card_sign'];?></i>
												</div>
												<div class="d-flex">
													<!--<div class="mr-4 text-white">-->
													<!--	<p class="fs-12 mb-1 op6">VALID THRU</p>-->
													<!--	<span>08/21</span>-->
													<!--</div>-->
													<div class="text-white">
														<p class="fs-12 mb-1 op6">Verified Owner</p>
														<?php $sess_prefix = $this->config->item('sess_prefix');
                                    					if(isset($_SESSION[$sess_prefix.'sess_user_id']) && $_SESSION[$sess_prefix.'sess_user_id']!=''){?>
                                    					<span><?php echo $_SESSION[$sess_prefix.'sess_customer_name'];?></span>
                                    					<?php } ?>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<?php } ?> 

							



							</div>
						</div>
					</div>

























					




























				
				</div>
			</div>
		</div>
    </div>	
        <!--**********************************
            Content body end
        ***********************************-->
        
        



<script type="text/javascript">
function back_step_one(){	
	$('#up_bk_step_two').hide();
	$('#step_bar_two').removeClass('active');	
	$('#up_bk_step_one').show();	
	$('#step_bar_one').addClass('active');
	update_progress_bar('0');
}
function move_to_step_two(){
	var next_move = 0;
	var accountTo = $('#accountTo').val();
	var uf_account_name = $('#uf_account_name').val();
	if(accountTo=='other'){
		//var uf_reference = $('#uf_reference').val();		
		var uf_iban_no = $('#uf_iban_no').val();
		var uf_bank_btc = $('#uf_bank_btc').val();
		var uf_bank_name_address = $('#uf_bank_name_address').val();
		var uf_bank_address = $('#uf_bank_address').val();
		if(uf_account_name!='' && uf_iban_no!='' && uf_bank_btc!='' && uf_bank_address!='' && uf_bank_name_address!=''){
			var next_move = 1;
		}else{
			//if(uf_reference==''){$('#uf_error_reference').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter reference.</label>');}
			if(uf_account_name==''){$('#uf_error_account_name').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter beneficiary account name.</label>');}
			if(uf_iban_no==''){$('#uf_error_iban_no').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter beneficiary IBAN no.</label>');}
			if(uf_bank_btc==''){$('#uf_error_bank_btc').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter beneficiary bank BIC/Switch Code</label>');}			
			if(uf_bank_address==''){$('#uf_error_bank_address').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter beneficiary bank Address</label>');}			
			if(uf_bank_name_address==''){$('#uf_error_bank_name_address').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter beneficiary bank </label>');}			
		}
	}else{
		var next_move = 1;
	}
	if(next_move==1){
		$('.bef_name').html(uf_account_name);
		$('#up_bk_step_one').hide();
		$('#up_bk_step_two').show();		
		$('#step_bar_one').removeClass('active');
		$('#step_bar_two').addClass('active');		
		update_progress_bar('35');
	}
}
function update_progress_bar(pgs){
	$('#sts_progress_bar').attr('style','width: '+pgs+'%');
	$('#sts_progress_bar').html(pgs+'%');
	$('#sts_progress_bar').attr('aria-valuenow',pgs);
}
function move_to_step_three(){
	var next_move_three = 0;
	var uf_select_account = $('#uf_select_account').val();
	var uf_transfer_amt = parseFloat($('#uf_transfer_amt').val());
	var uf_transfer_remark = $('#uf_transfer_remark').val();
	var uf_transfer_pin = $('#uf_transfer_pin').val();
	//var uf_vat_code = $('#uf_vat_code').val();
	var uf_paymentDue = $('#uf_paymentDue').val();
	if(uf_select_account!='' && uf_transfer_amt!='' && uf_transfer_remark!='' && uf_transfer_pin!='' && uf_paymentDue!=''){
		var next_move_three = 1;
	}else{
		if(uf_select_account==''){$('#uf_error_select_account').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Select account.</label>');}
		if(uf_transfer_amt==''){$('#uf_error_transfer_amt').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter transfer amount.</label>');}
		if(uf_transfer_remark==''){$('#uf_error_transfer_remark').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter transfer remark.</label>');}
		if(uf_transfer_pin==''){$('#uf_error_transfer_pin').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter COT Code</label>');}
		//if(uf_paymentDue==''){$('#uf_error_paymentDue').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter Payment Date</label>');}
		//if(uf_vat_code==''){$('#uf_error_vat_code').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter vat code</label>');}			
		if(uf_paymentDue==''){$('#uf_error_paymentDue').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Select your payment due date.</label>');}			
	}
	if(next_move_three==1){
		var selected_acct_curr = $('#h_selected_acct_curr').val();		
		var selected_acct_curr_sym = $('#h_selected_acct_curr_sym').val();			
		$('.bef_trans_amt').html(selected_acct_curr_sym+' '+uf_transfer_amt+' '+selected_acct_curr);
		var transactions_fees = parseFloat($('#h_transactions_fees').val());
		var final_amt_snt = uf_transfer_amt+transactions_fees;
		$('.final_amt_snt').html(selected_acct_curr_sym+' '+final_amt_snt+' '+selected_acct_curr);
		$('#up_bk_step_two').hide();
		$('#up_bk_step_three').show();		
		$('#step_bar_two').removeClass('active');
		$('#step_bar_three').addClass('active');
		update_progress_bar('70');
	}
}
function back_step_two(){	
	$('#up_bk_step_three').hide();
	$('#step_bar_three').removeClass('active');	
	$('#up_bk_step_two').show();	
	$('#step_bar_two').addClass('active');
	update_progress_bar('35');
}

function move_to_step_four(){
	var next_move_four = 0;
	var uf_vat_code = $('#uf_vat_code').val();
	if(uf_vat_code==''){
		$('#uf_error_vat_code').html('<label class="uf_error"><i class="fa fa-exclamation"></i> Enter vat code</label>');
	}else{
		var next_move_four = 1;
	}
	if(next_move_four==1){
		$('#up_bk_step_three').hide();
		$('#up_bk_step_four').show();		
		$('#step_bar_two').removeClass('active');
		$('#step_bar_three').addClass('active');
		update_progress_bar('90');
	}
}

function back_step_three(){	
	$('#up_bk_step_four').hide();
	$('#step_bar_four').removeClass('active');	
	$('#up_bk_step_three').show();	
	$('#step_bar_three').addClass('active');
	update_progress_bar('70');
}


function remove_field_validation(field_name){$('#'+field_name).html('');}
/*$(document).ready(function(){
	$('#sendMoney').validate({
		ignore: [], 
		highlight: function(element) {
			$(element).closest('.form-group').removeClass('has-success').addClass('has-error'); 
		},
		success: function(element) {
			element.closest('.form-group').removeClass('has-error').addClass('has-success');
			element.remove();
		},
		submitHandler: function(form){
			var ajax_base_url = $('#h_ajax_base_url').val();
			var form = $('#sendMoney');
			var url = ajax_base_url+form.attr('action');
			$.ajax({
				type: "POST",
				url: url,
				data: form.serialize(), // serializes the form's elements.
				beforeSend: function(){
					$('#result_display').html('');
					$('#send_btn').html('Please Wait <i class="fa fa-spinner fa-spin"></i>');
					$('#send_btn').css('opacity','0.7');
				},
				success: function(result, status, xhr){//alert(result);					
					var res_arr = result.split("|");
					if(res_arr[0]=='success'){
						//$('#result_display').html('<div class="alert alert-danger">'+result+'</div>'); 
						var trans_msg_arr = res_arr[1].split("##");
						var trans_money = trans_msg_arr[0];
						$('#succ_trans_amt').html(trans_money);
						var txn_id = trans_msg_arr[1];
						$('#succ_trans_id').html(txn_id);
						$(".succ_trans_summary").attr("href", ajax_base_url+"inter_wire/details/"+txn_id);
						
						$('#up_bk_step_four').hide();
						$('#up_bk_step_five').show();
 						$('#step_bar_four').removeClass('active');
						$('#step_bar_five').addClass('active');
						$('#ProBarSec').hide();
						//update_progress_bar('100');
						
					}else{
						$("html, body").animate({ scrollTop: 0 }, "slow");
						$('#result_display').html('<div class="alert alert-danger">'+res_arr[1]+'</div>');
						$('#send_btn').html('Send Money <i class="fas fa-chevron-right"></i>');
						$('#send_btn').css('opacity','1');
						update_progress_bar('80');
					}
				},
				error: function(xhr, status, error_desc){				
					$("html, body").animate({ scrollTop: 0 }, "slow");
					$('#result_display').html('<div class="alert alert-danger">'+error_desc+'</div>');
					$('#send_btn').html('Send Money <i class="fas fa-chevron-right"></i>');
					$('#send_btn').css('opacity','1');
				}
			});		
			return false;
		}
	});
});*/


function save_frm_entry(){
	var ajax_base_url = $('#h_ajax_base_url').val();
	var form = $('#sendMoney');
	var url = ajax_base_url+form.attr('action');
	$.ajax({
		type: "POST",
		url: url,
		data: form.serialize(), // serializes the form's elements.
		beforeSend: function(){
			$('#result_display').html('');
			$('#send_btn').html('Please Wait <i class="fa fa-spinner fa-spin"></i>');
			$('#send_btn').css('opacity','0.7');
		},
		success: function(result, status, xhr){//alert(result);					
			var res_arr = result.split("|");
			if(res_arr[0]=='success'){
				//$('#result_display').html('<div class="alert alert-danger">'+result+'</div>'); 
				var trans_msg_arr = res_arr[1].split("##");
				var trans_money = trans_msg_arr[0];
				$('#succ_trans_amt').html(trans_money);
				var txn_id = trans_msg_arr[1];
				$('#succ_trans_id').html(txn_id);
				$(".succ_trans_summary").attr("href", ajax_base_url+"inter_wire/details/"+txn_id);
				
				$('#up_bk_step_four').hide();
				$('#up_bk_step_five').show();
				$('#step_bar_four').removeClass('active');
				$('#step_bar_five').addClass('active');
				$('#ProBarSec').hide();
				//update_progress_bar('100');
				
			}else{
				$("html, body").animate({ scrollTop: 0 }, "slow");
				$('#result_display').html('<div class="alert alert-danger">'+res_arr[1]+'</div>');
				$('#send_btn').html('Send Money <i class="fas fa-chevron-right"></i>');
				$('#send_btn').css('opacity','1');
				update_progress_bar('80');
			}
		},
		error: function(xhr, status, error_desc){				
			$("html, body").animate({ scrollTop: 0 }, "slow");
			$('#result_display').html('<div class="alert alert-danger">'+error_desc+'</div>');
			$('#send_btn').html('Send Money <i class="fas fa-chevron-right"></i>');
			$('#send_btn').css('opacity','1');
		}
	});		
	return false;
}
</script>





<style type="text/css">
	* {
    margin: 0;
    padding: 0
}

html {
    height: 100%
}

#grad1 {
    background-color: : #9C27B0;
    background-image: linear-gradient(120deg, #ec8153, #5a3ab5)
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;
    position: relative
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E
}

#msform input,
#msform textarea {
    padding: 0px 8px 4px 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'poppins', sans-serif;
    color: #272a6b;
    font-size: 16px;
    
}
#msform ::placeholder {
	color: #000000;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    font-weight: bold;
    border-bottom: 2px solid skyblue;
    outline-width: 0
}

#msform .action-button {
    width: 30%;
    background: #3b5884;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue
}

.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative
}

.fs-title {
    font-size: 22px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #000000
    background: red;
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 25%;
    float: left;
    position: relative
}

#progressbar .account:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar .personal:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar .payment:before {
    font-family: FontAwesome;
    content: "\f09d"
}

#progressbar .confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: #ec8153;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ec8153;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #70b944;
}

.radio-group {
    position: relative;
    margin-bottom: 25px
}

.radio {
    display: inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
}

.fit-image {
    width: 100%;
    object-fit: cover
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #6647bf;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #6647bf;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #6647bf;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #6647bf;
}
</style>

