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


<style>
.mstus{border: 1px dashed;padding: 1px 10px;margin-bottom:0; font-size:14px;}.accepted {color: green;}.rejected {color: #a94442;}.pending {color: #555;}
</style>










		
		<!--**********************************
            Content body start
        ***********************************-->
        <div class="content-body">
			<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 ">International Wire Transfer</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-9 col-xxl-12">
						<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">International Transaction History</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" style="overflow-x:auto;">
									
							
							
							
							<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">Fee</th>
      <th scope="col">View</th>
    </tr>
  </thead>
  <tbody>
       <?php foreach($transfer_history_listing as $trans_dets){?>
    <tr>
        <td data-label="Transaction ID"style="color: brown; font-weight: bold; font-size: 12px;" ><?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="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="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 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">Outgoing Transfers</h4>-->
									
						<!--		</div>-->
						<!--	</div>	-->

						<!--	<div class="col-xl-12">-->
						<!--		<div class="table-responsive table-hover fs-14">-->
									
						<!--	<table class="table display mb-4 dataTablesCard short-one card-table text-black" id="example5">-->
						<!--		<thead>-->
						<!--			<tr>-->
										
						<!--				<th>From</th>-->
						<!--				<th>Amount</th>-->
						<!--				<th>Date</th>-->
						<!--				<th>To</th>-->
						<!--				<th>Status</th>-->
						<!--			</tr>-->
						<!--		</thead>-->
						<!--		<tbody>-->
						<!--			<tr>-->
										
						<!--				<td>-->
						<!--					<div class="d-flex align-items-center">-->
						<!--						<img src="<?php echo base_url();?>zera/images/table/Untitled-1.jpg"  class="rounded-circle mr-2 width36 height36" alt="">-->
						<!--						<span>Samuel</span>-->
						<!--					</div>-->
						<!--				</td>-->
						<!--				<td>-->
						<!--					<span class="text-black font-w600">+$5,553</span>-->
						<!--				</td>-->
						<!--				<td>9 May</td>-->
						<!--				<td>Main Checking</td>-->
						<!--				<td>-->
						<!--					<a href="javascript:void(0);" class="btn-link text-danger float-righ">CANCELED</a>-->
						<!--				</td>-->
						<!--			</tr>-->
										
						<!--				<td>-->
						<!--					<div class="d-flex align-items-center">-->
						<!--						<img src="<?php echo base_url();?>zera/images/table/Untitled-2.jpg"  class="rounded-circle mr-2 width36 height36" alt="">-->
						<!--						<span>Cindy</span>-->
						<!--					</div>-->
						<!--				</td>-->
						<!--				<td>-->
						<!--					<span class="text-black font-w600">+$5,553</span>-->
						<!--				</td>-->
										
						<!--				<td>23 May</td>-->
						<!--				<td>Main Checking</td>-->
										
										
										
										
						<!--				<td>-->
						<!--					<a href="javascript:void(0);" class="btn-link text-success float-righ">COMPLETED</a>-->
						<!--				</td>-->
						<!--			</tr>-->
						<!--			<tr>-->
									
						<!--				<td>-->
						<!--					<div class="d-flex align-items-center">-->
						<!--						<img src="<?php echo base_url();?>zera/images/table/Untitled-3.jpg"  class="rounded-circle mr-2 width36 height36" alt="">-->
						<!--						<span>Marquezz</span>-->
						<!--					</div>-->
						<!--				</td>-->
						<!--				<td>-->
						<!--					<span class="text-black font-w600">+$5,553</span>-->
						<!--				</td>-->
										
						<!--				<td>9 November</td>-->
						<!--				<td>Main Checking</td>-->
										
								
						<!--				<td>-->
						<!--					<a href="javascript:void(0);" class="btn-link text-success float-rght">COMPLETED</a>-->
						<!--				</td>-->
						<!--			</tr>-->
						<!--			<tr>-->
										
						<!--				<td>-->
						<!--					<div class="d-flex align-items-center">-->
						<!--						<img src="<?php echo base_url();?>zera/images/table/Untitled-4.jpg"  class="rounded-circle mr-2 width36 height36" alt="">-->
						<!--						<span>David</span>-->
						<!--					</div>-->
						<!--				</td>-->
						<!--				<td>-->
						<!--					<span class="text-black font-w600">+$5,553</span>-->
						<!--				</td>-->
										
						<!--				<td>9 May</td>-->
						<!--				<td>Main Savings</td>-->
						<!--				<td>-->
						<!--					<a href="javascript:void(0);" class="btn-link text-dark float-riht">PENDING</a>-->
						<!--				</td>-->
						<!--			</tr>-->
						<!--			<tr>-->
						<!--				<td>-->
						<!--					<div class="d-flex align-items-center">-->
						<!--						<img src="<?php echo base_url();?>zera/images/table/Untitled-1.jpg"  class="rounded-circle mr-2 width36 height36" alt="">-->
						<!--						<span>Cindy</span>-->
						<!--					</div>-->
						<!--				</td>-->
						<!--				<td>-->
						<!--					<span class="text-black font-w600">+$5,553</span>-->
						<!--				</td>-->
										
						<!--				<td>9 May</td>-->
						<!--				<td>Main Savings</td>-->
										
										
						<!--				<td>-->
						<!--					<a href="javascript:void(0);" class="btn-link text-success float-rght">COMPLETED</a>-->
						<!--				</td>-->
						<!--			</tr>-->
									
									
									
						<!--		</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 #ec8153;
  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) {
  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>
