
<?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 "><?php echo $page_name;?></h2>
					
						
					<div class="d-flex align-items-center">
						<a href="javascript:void(0);" class="btn btn-xs btn-primary light mr-1" style="background: #ec8153; color: #ffffff;">Credits</a>

						<a href="javascript:void(0);" class="btn btn-xs btn-primary light mr-1" style="background: #ec8153; color: #ffffff;">Transfers</a>
						<a href="javascript:void(0);" class="btn btn-xs btn-primary light mr-1" style="background: #3b5884; color: #ffffff;">Services</a>
						<a href="javascript:void(0);" class="btn btn-xs btn-primary light mr-1" style="background: #3b5884; color: #ffffff;">Statements</a>
						<a href="javascript:void(0);" class="btn btn-xs btn-primary light mr-1" style="background: #3b5884; color: #ffffff;">Settings</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">Transaction Details</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="col-xl-3 col-xxl-6 col-sm-6">
						<div class="card user-card">
							<div class="card-body pb-0">
								<div class="d-flex mb-3 align-items-center">
									<div class="dz-media me-3 rounded-circle">
										<?php if(isset($transaction_details->bef_image) && $transaction_details->bef_image!=''){?>
                            	        <img src="<?php echo base_url().'assets/upload/bef_images/'.$transaction_details->bef_image;?>"  alt="">
                            	  							
                            			<?php }else{?>	
                            			     <img src="<?php echo base_url().'assets/upload/photo/'.$user_details->user_image;?>" alt=""/>
                            			     <?php $sess_prefix = $this->config->item('sess_prefix');
                                            if(isset($_SESSION[$sess_prefix.'sess_user_id']) && $_SESSION[$sess_prefix.'sess_user_id']!=''){?>
                            			   
                            			     
                            			     <?php } ?>
                            
                            			<?php } ?>
									</div>
									<div>
									    <?php if(isset($transaction_details->bef_image) && $transaction_details->bef_image!=''){?>
										<h5 class="title" style="padding: 10px; font-size: 25px;"><a href="javascript:void(0);"> <?php echo $transaction_details->bef_account_name;?></a><br><small style="color: #ec8153; font-size: 14px;">View Details Below</small></h5>
									    <?php }else{?>
									    <?php $sess_prefix = $this->config->item('sess_prefix');
                                        if(isset($_SESSION[$sess_prefix.'sess_user_id']) && $_SESSION[$sess_prefix.'sess_user_id']!=''){?>
                                        	<h5 class="title" style="padding: 10px; font-size: 25px;"><a href="javascript:void(0);"> <?php echo $_SESSION[$sess_prefix.'sess_customer_name'];?></a><br><small style="color: #ec8153; font-size: 14px;" >View Details Below</small></h5>
									    <?php } ?>
									    <?php } ?>
                                        
									</div>
									
								</div>
								<h5 class="title" style="font-size: 20px;"><a href=""> Your Transaction Details</a></h5>

								<ul class="list-group list-group-flush">
									<li class="list-group-item">
										<span class="mb-0 title" style="color:#3b5884; font-weight: bold;"> Account Number:</span> :
										<span class="text-black ms-2"><?php echo $transaction_details->account_no;?></span>
									</li>
									<li class="list-group-item">
										<span class="mb-0 title" style="color:#3b5884; font-weight: bold;">Amount:</span> :
										<span class="text-black ms-2"><?php echo $this->config->item('amt_currencies_array_config')[$transaction_details->account_cur]['name'].' '.number_format($transaction_details->total_trans_amt,2); if(isset($transaction_details->credit_debit_sts) && $transaction_details->credit_debit_sts!='' && $transaction_details->credit_debit_sts==0){ echo ' (Debit)';}else{ echo ' (Credit)';}?></span>
									</li>
									<li class="list-group-item">
										<span class="mb-0 title" style="color:#3b5884; font-weight: bold;">Transaction Charge</span> :
										<span class="text-black desc-text ms-2" style="font-family: Arial;"><?php if(isset($transaction_details->trans_fees) && $transaction_details->trans_fees!='' && $transaction_details->trans_fees>0){echo $this->config->item('amt_currencies_array_config')[$transaction_details->account_cur]['csign'].' '.number_format($transaction_details->trans_fees,2).' '.$this->config->item('amt_currencies_array_config')[$transaction_details->account_cur]['name'];}else{echo 'Free';}?></span>
										<span class="text-black desc-text ms-2"><?php if(isset($transaction_details->credit_debit_sts) && $transaction_details->credit_debit_sts!='' && $transaction_details->credit_debit_sts==0){?></span>
									</li>
									
									<li class="list-group-item">
										<span class="mb-0 title" style="color:#3b5884; font-weight: bold;"> Receiver name:</span> :
										<span class="text-black desc-text ms-2"><?php echo $transaction_details->bef_account_name;?></span>
									</li>
									<?php } ?>
									
									<li class="list-group-item">
										<span class="mb-0 title" style="color:#3b5884; font-weight: bold;"> Transaction Narration:</span> :
										<span class="text-black desc-text ms-2"><?php echo $transaction_details->transfer_remark;?></span>
									</li>
									<li class="list-group-item">
										<span class="mb-0 title" style="color:#3b5884; font-weight: bold;"> Transaction ID:</span> :
										<span class="text-black desc-text ms-2"><?php echo $transaction_details->txn_id;?></span>
									</li>
									<li class="list-group-item">
										<span class="mb-0 title" style="color:#3b5884; font-weight: bold;"> System Date:</span> :
										<span class="text-black desc-text ms-2"><?php echo date('M d, Y',$transaction_details->txn_date).' '.date('h:i:s A',$transaction_details->txn_date);?></span>
									</li>
									
									<li class="list-group-item">
										<span class="mb-0 title" style="color:#3b5884; font-weight: bold;">  Available Balance:</span> :
										<span class="text-black desc-text ms-2"><?php echo $this->config->item('amt_currencies_array_config')[$transaction_details->account_cur]['csign'].' '.number_format($transaction_details->available_balance, 2);?></span>
									</li>
								</ul>
							</div>
							<div class="card-footer">
								<a href="javascript:void(0);" class="btn btn-success btn-xs">Write Message</a>
							</div>
						</div>
					</div>
					
					<div class="col-xl-3 col-xxl-6 col-sm-6">
								<div class="card">
									<div class="card-header pb-0 d-block d-sm-flex flex-wrap border-0 align-items-center">
										<div class="me-auto mb-3">
											<h4 class="fs-20 text-black">Coin Chart</h4>
											<p class="mb-0 fs-12">Lorem ipsum dolor sit amet, consectetur</p>
										</div>
										
										<div class="input-group detault-daterange me-3  mb-3" >
											<span class="input-group-text"><i class="las la-calendar"></i></span>
											<input type="text" class="form-control input-daterange-timepicker" name="daterange" value="04/01/2015 1:30 PM - 01/01/2015 2:00 PM">
										</div>
										<select class="btn-secondary style-1 default-select  mb-3">
											<option>USD ($ US Dollar)</option>
											<option>BTC ($ US Dollar)</option>
											<option>USD ($ US Dollar)</option>
										</select>
									</div>
									<div class="card-body pb-0 pt-sm-3 pt-0">
										<div class="row sp20 mb-4 align-items-center">
											<div class="col-lg-4 col-xxl-4 col-sm-4 d-flex flex-wrap align-items-center">
												<div class="px-2 info-group">
													<p class="fs-18 mb-1">Price</p>
													<h2 class="fs-28 font-w600 text-black">$11,898.15</h2>
												</div>
											</div>
											<div class="d-flex col-lg-8 col-xxl-8 col-sm-8 align-items-center mt-sm-0 mt-3 justify-content-end">
												<div class="px-2 info-group">
													<p class="fs-14 mb-1">24h% change</p>
													<h3 class="fs-20 font-w600"><span class="text-success">1.64%</span>
													<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M0 7L7.00001 -8.77983e-06L14 7H7.00001H0Z" fill="#2BC155"></path>
													</svg>
													</h3>
												</div>
												<div class="px-2 info-group">
													<p class="fs-14 mb-1">Volume (24h)</p>
													<h3 class="fs-20 font-w600 text-black">$47.22B</h3>
												</div>
												<div class="px-2 info-group">
													<p class="fs-14 mb-1">Market Cap</p>
													<h3 class="fs-20 font-w600 text-black">$219.24B</h3>
												</div>
											</div>
										</div>
										<div id="chartBarRunning" class="bar-chart"></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">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
        ***********************************-->
        
