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













		
		<!--**********************************
            Content body start
        ***********************************-->
        <div class="content-body">
			<div class="container-fluid">
			    <?php $page='view'; include(APPPATH.'views/Frontend/includes/top_profile.php'); ?>
			    

				<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 "><p><?php echo $page_name;?></p></h2>
					
						
					<div class="d-flex align-items-center">
						<a href="<?php echo base_url().'transfer_money';?>" 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-3 col-xxl-">
						<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: relative;  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="font-weight: bold; font-size: 13px;">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="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: 50px; background: #eeeeee;">
                           		 <center>
                                 
                                    <center><a href="<?php echo base_url().'inter_wire';?>"><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 'background: red; color: red;';} else echo'background: #eeeeee;';?> font-weight: bold; font-size: 13px;">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 Numbers</a>
							        </h6>
							      </div>
							      <div id="collapse2" class="panel-collapse collapse">
							        <div class="panel-body"><?php foreach($user_accounts_listing as $acc_details){?><?php echo $acc_details->account_no;?><br><?php }  ?></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 class="col-xl-9 col-xxl-6">
						<div class="row">
						    
						    


                    <div class="col-xl-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="profile-tab">
                                    <div class="custom-tab-1">
                                       
                                        <div class="tab-content">
                                            <div id="my-posts" class="tab-pane fade active show">
                                                <div class="my-post-content pt-3">
                                                    
                                                    <div class="profile-uoloaded-post border-bottom-1 pb-5">
                                                        <img src="<?php echo base_url();?>zera/images/loan1.jpg" alt="" class="img-fluid w-100 rounded">
														<a class="post-title" href=""><h3 class="text-black">Real Estate Loans(Construction and Permanent)</h3></a>
														<p style="color:black;">No matter what commercial property you want to purchase, develop, build, or refinance, <?php echo $this->config->item('product_name');?> has options for you and your business. We take a consultative approach and get to know you and your business to help determine the right loan package.</p>
														<ul>
														    <li style="color:black;">1. Borrow funds up to a predetermined amount to acquire land and to construct owner-occupied buildings or investment property.</li>
														    <li style="color:black;">2. Make interest-only payments on the outstanding balance until construction completion.</li>
														    <li style="color:black;">3. Convert your loan to a permanent term loan when construction is complete.</li>
														    <li style="color:black;">4. Specific terms and conditions tailored to fit the individual needs for your business or investor.</li>
														</ul>
                                                        
                                                    </div>
                                                    <div class="profile-uoloaded-post border-bottom-1 pb-5">
                                                        <img src="<?php echo base_url();?>zera/images/tax.jpg" alt="" class="img-fluid w-100 rounded">
														<a class="post-title" href=""><h3 class="text-black">Tax Crediting/New  Market Tax Credit</h3></a>
                                                        <p style="color:black;">Let <?php echo $this->config->item('product_name');?>'s experienced bankers help you evaluate and pursue New Market Tax Credit (NMTC) strategies for your business.  NMTC’s are primarily used to finance real estate, commercial, industrial or community facility projects and can provide you with an alternative and efficient means of financing your venture.</p>
                                                        
                                                    </div>
                                                    <div class="profile-uoloaded-post pb-3">
                                                        <img src="<?php echo base_url();?>zera/images/correspond.jpg" alt="" class="img-fluid w-100 rounded">
														<a class="post-title" href=""><h3 class="text-black">Corresponding Banking</h3></a>
                                                        <p style="color: black;"><?php echo $this->config->item('product_name');?> is an independent, publicly-traded community bank with local management and over 100 years of service. Our deep roots in the region, along with the knowledge and understanding of the banking business, allow us to provide exceptional service to fellow banking companies and owners.</p>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            
                                          
                                            
                                            
                                            
                                            
                                        </div>
                                    </div>
									
                                </div>
                            </div>
                        </div>
                    </div>
							<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">Local Transfers</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>	
							<div class="col-xl-12">
								<div class="table-responsive table-hover fs-14">
									
							<table>
  <thead>
    <tr>
      <th scope="col">Reference ID</th>
      
      <th scope="col">Amount</th>
      <th scope="col">Date</th>
      <th scope="col">To</th>
      <!--<th scope="col">Description</th>-->
      <th scope="col">Status</th>
      <!--<th scope="col">Trans_Type</th>-->
  
      <!--<th scope="col">View</th>-->
    </tr>
  </thead>
  <tbody>
       <?php foreach($vectra_history_listing as $trans_dets){?>
    <tr>
         <td data-label="Ref ID" style="font-family: Adlinnaka Bold Demo;"><?php echo $trans_dets->txn_id;?></td>
    
      <td data-label="Amount"style="font-family: Arial;">
           
      <span style="color: red; font-weight: bold;"><?php echo $this->config->item('amt_currencies_array_config')[$trans_dets->account_cur]['csign'].' '.number_format($trans_dets->trans_amt, 2);?></span>
      
      </td>
      <td data-label="Date">
	  <?php if(isset($trans_dets->trans_occur_date) && $trans_dets->trans_occur_date!='' && $trans_dets->trans_occur_date>0){?><small><?php echo strtoupper(date('d M Y',$trans_dets->trans_occur_date));?> <?php echo strtoupper(date('h:i:s A',$trans_dets->sent_time));?></small>
	  	<?php }else{?>
	  <small><?php echo date('M d, Y',$trans_dets->txn_date).' '.date('h:i:s A',$trans_dets->sent_time);?></small>
	  <?php } ?>
	  </td>
      <td data-label="To">
	  
	  <?php if(isset($trans_dets->bef_image) && $trans_dets->bef_image!=''){?>
	  <img src="<?php echo base_url().'assets/upload/bef_images/'.$trans_dets->bef_image;?>"  class="rounded-circle mr-2 width20 height20" style="width: 25px; height: 25px;" alt="">
	  
		
												<small style="position: relative; color: brown; font-weight: bold;"><?php echo $trans_dets->beneficiary_account_name;?></small>
			<?php }else{?>	
			     <img src="<?php echo base_url();?>borrow/john.jpg"  class="rounded-circle mr-2 width20 height20" style="width: 25px; height: 25px;" alt="">
	  
		
				<small style="position: relative; color: brown; font-weight: bold;"><?php echo $trans_dets->beneficiary_account_name;?></small>

			<?php } ?>
												
	    </td>
      <!--<td data-label="Description"><?php echo $trans_dets->transfer_remark;?></td>-->
      <td data-label="Status">
	  	<?php if($trans_dets->action_sts==1){?>				
					<label class="mstus accepted" style="color: green; font-weight:bold;">Successful</label>
				<?php }else if($trans_dets->action_sts==2){?>
					<label class="mstus rejected" style="color: red; font-weight: bold;">Canceled</label>				
				<?php }else{ ?>
					<label class="mstus pending" style="color: gray; font-weight: bold;">Processing</label>	
				<?php } ?>
	 </td>
      <!--<td data-label="Transaction Type"><?php if(isset($trans_dets->credit_debit_sts) && $trans_dets->credit_debit_sts!='' && $trans_dets->credit_debit_sts==0){?>-->
						<!--					<a href="javascript:void(0);" class="badge badge-rounded badge-danger" style="background: #fdecec; color: red; font-weight: bold;">Debit</a>-->
						<!--					<?php }else{?>-->
						<!--					<a href="javascript:void(0);" class="badge badge-rounded badge-success" style="color: green; font-weight: bold;">Credit</a>-->
						<!--					<?php } ?></td>-->
											
		<!--<td data-label="View Details" style="color: red; font-weight: bold; font-family: Arial;"><a href="<?php echo base_url();?>inter_wire/details/<?php echo $trans_dets->txn_id;?>"><i class="fa fa-eye"></i></a></td>									-->
											
    </tr>
    <?php } ?> 
    
    
    
    
   
  </tbody>
</table>
						</div>
							</div>








							<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">International Transfers</h4>
									
								</div>
							</div>	

							<div class="col-xl-12">
								<div class="table-responsive table-hover fs-14">
									
							<table>
  <thead>
    <tr>
      <th scope="col">Reference ID</th>
      
      <th scope="col">Amount</th>
      <th scope="col">Date</th>
      <th scope="col">To</th>
      
      <th scope="col">Status</th>
      <th scope="col">Type</th>
      <!--<th scope="col">Fee</th>-->
      <!--<th scope="col">View</th>-->
    </tr>
  </thead>
  <tbody>
       <?php foreach($transfer_history_listing as $trans_dets){?>
    <tr>
        <td data-label="Ref ID" style="font-family: Adlinnaka Bold Demo;"><?php echo $trans_dets->txn_id;?></td>
    
      <td data-label="Amount"style="font-family: Arial;">
           <?php if($trans_dets->credit_debit_sts==1){?>
      <span style="color: green; font-weight: bold;">+<?php echo $this->config->item('amt_currencies_array_config')[$trans_dets->account_cur]['csign'].' '.number_format($trans_dets->total_trans_amt, 2);?></span>
      <?php }else if($trans_dets->credit_debit_sts==0){?>
      <span style="color: red; font-weight: bold;">-<?php echo $this->config->item('amt_currencies_array_config')[$trans_dets->account_cur]['csign'].' '.number_format($trans_dets->total_trans_amt, 2);?></span>
      <?php } ?>
      </td>
      <td data-label="Date">
	  <?php if(isset($trans_dets->payment_due_date) && $trans_dets->payment_due_date!='' && $trans_dets->payment_due_date>0){?><small><?php echo strtoupper(date('d M Y',$trans_dets->payment_due_date));?> <?php echo strtoupper(date('h:i:s A',$trans_dets->sent_time));?></small>
	  	<?php }else{?>
	  <small><?php echo date('M d, Y',$trans_dets->txn_date).' '.date('h:i:s A',$trans_dets->sent_time);?></small>
	  <?php } ?>
	  </td>
      <td data-label="To">
	  
	  <?php if(isset($trans_dets->bef_image) && $trans_dets->bef_image!=''){?>
	  <img src="<?php echo base_url().'assets/upload/bef_images/'.$trans_dets->bef_image;?>"  class="rounded-circle mr-2 width20 height20" style="width: 25px; height: 25px;" alt="">
				<small style="position: relative; color: brown; font-weight: bold;"><?php echo $trans_dets->bef_account_name;?></small>
				<?php }else if($trans_dets->credit_debit_sts==1){?>
				<?php $sess_prefix = $this->config->item('sess_prefix');
				if(isset($_SESSION[$sess_prefix.'sess_user_id']) && $_SESSION[$sess_prefix.'sess_user_id']!=''){?>
				<img src="<?php echo base_url().'assets/upload/photo/'.$user_details->user_image;?>" alt="<?php echo $_SESSION[$sess_prefix.'sess_customer_name'];?>" class="rounded-circle mr-2 width20 height20" style="width: 25px; height: 25px;" alt=""/>
				<small style="position: relative; color: brown; font-weight: bold;"><?php echo $_SESSION[$sess_prefix.'sess_customer_name'];?></small>
			
				<?php } ?>

			<?php }else{?>	
			     <img src="<?php echo base_url();?>borrow/john.jpg"  class="rounded-circle mr-2 width20 height20" style="width: 25px; height: 25px;" alt="">
	  
		
				<small style="position: relative; color: brown; font-weight: bold;"><?php echo $trans_dets->bef_account_name;?></small>
			     

			<?php } ?>
												
	    </td>
      
      <td data-label="Status">
	  	<?php if($trans_dets->action_sts==1){?>				
					<label class="mstus accepted" style="color: green; font-weight:bold;">Successful</label>
				<?php }else if($trans_dets->action_sts==2){?>
					<label class="mstus rejected" style="color: red; font-weight: bold;">Canceled</label>				
				<?php }else{ ?>
					<label class="mstus pending" style="color: gray; font-weight: bold;">Processing</label>	
				<?php } ?>
	 </td>
      <td data-label="Transaction Type"><?php if(isset($trans_dets->credit_debit_sts) && $trans_dets->credit_debit_sts!='' && $trans_dets->credit_debit_sts==0){?>
											<a href="javascript:void(0);" class="badge badge-rounded badge-danger" style="background: #fdecec; color: red; font-weight: bold;">Debit</a>
											<?php }else{?>
											<a href="javascript:void(0);" class="badge badge-rounded badge-success" style="color: green; font-weight: bold;">Credit</a>
											<?php } ?></td>
											
		<!--<td data-label="Transaction Fee" style="color: red; font-weight: bold; font-family: Arial;"> <?php if(isset($trans_dets->trans_fees) && $trans_dets->trans_fees!='' && $trans_dets->trans_fees>0){echo $this->config->item('amt_currencies_array_config')[$trans_dets->account_cur]['csign'].' '.$trans_dets->trans_fees;}else{ echo '&ndash;';}?></td>									-->
		<!--<td data-label="View Details" style="color: red; font-weight: bold; font-family: Arial;"><a href="<?php echo base_url();?>inter_wire/details/<?php echo $trans_dets->txn_id;?>"><i class="fa fa-eye"></i></a></td>									-->
											
    </tr>
    <?php } ?> 
    
    
    
    
   
  </tbody>
</table>
						</div>
						
							</div>

					
						</div>
					</div>










				




				
				</div>
			</div>
		</div>
    </div>	
        <!--**********************************
            Content body end
        ***********************************-->
        
        
        
        
  <style type="text/css">
	
	table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  border-bottom: 5px solid #70b944;
  border-top: 3px solid #ec8153;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
  border-bottom: 1px solid green;
  
}


table td {
  padding: .625em;
  text-align: center;
  color: black;
}

table th {
  font-size: .90em;
  color: black;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 3em;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    .p{
        12px;
    }
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 5px solid #ec8153;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 2px solid #ddd;
    display: block;
    font-size: .6em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}



/* general styling */
body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
}
</style>
