<?php $page='view'; 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">
				    <?php $sess_prefix = $this->config->item('sess_prefix');
                    if(isset($_SESSION[$sess_prefix.'sess_user_id']) && $_SESSION[$sess_prefix.'sess_user_id']!=''){?>
					<h2 class="font-w600 title mb-2 mr-auto" style="font-size: 20px;"> Welcome Back <?php echo $_SESSION[$sess_prefix.'sess_customer_name'];?>!</h2>
					<?php } ?>
					
						
					<div class="d-flex align-items-center">
						<!--<a href="index" class="btn btn-xs btn-primary light mr-1" style="background: #ec8153; color: #ffffff;">Credits</a>-->

						<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>
						<!--<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-3 col-xxl-4">
						<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).' '.$this->config->item('amt_currencies_array_config')[$accts_dets->account_cur]['name'];?> </h2>
                                                    
                                                    
													<i style="color: #ffffff; font-size: 25px;"><?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 class="col-xl-12">
								<div class="card">
									<div class="card-header d-block d-sm-flex border-0 pb-sm-0 pb-0 align-items-center">
										<!--<div class="me-auto mb-sm-0 mb-3">-->
										<!--	<h4 class="fs-20 text-black">Coin Chart</h4>-->
											
										<!--</div>-->
										<select class="btn-secondary style-1 default-select ">
											<option><?php echo date('Y-M h:i:s A');?></option>
										
										</select>
									</div>
									<div class="card-body pt-3">
										<div class="flex-wrap mb-sm-4 mb-2 align-items-center">
											<div class="d-flex align-items-center">
												<span class="fs-32 text-black font-w600 pe-3">$29,235.31</span>
												<!--<span class="fs-22 text-success">7% <i class="fa fa-caret-up scale5 ms-2 text-success" aria-hidden="true"></i></span>-->
											</div>
											<p class="mb-0 text-black me-auto">Eligible for Loan <span class="text-success">Application</span></p>
										</div>
										<div id="chartTimeline" class="timeline-chart"></div>
									</div>
								</div>
							</div>
							
							<div class="profile-uoloaded-post border-bottom-1 pb-5">
                                                        <img src="<?php echo base_url();?>zera/images/profile/8.jpg" alt="" class="img-fluid w-100 rounded">
														<a class="post-title" href="post-details.html"><h3 class="text-black">Popular banking solutions</h3></a>
                                                        <p style="color: black;">Good corporate governance is a fundamental part of our culture and business practices in the prevention of financial crime. Our corporate governance framework along with effective risk management is key in the prevention of financial crime.
The Board and Executive Management Committees receive regular reporting on risks relating to financial crime and have ultimate accountability for compliance with our financial crime obligations.</p>
                                                        
                                                    </div>
							
							
							
							<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"></div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-financials.js" async>
  {
  "colorTheme": "light",
  "isTransparent": false,
  "largeChartUrl": "",
  "displayMode": "regular",
  "width": 350,
  "height": 830,
  "symbol": "NASDAQ:AAPL",
  "locale": "en"
}
  </script>
</div>
<!-- TradingView Widget END -->
						
						
					</div>

























					<div class="col-xl-9 col-xxl-8">
						<div class="row">
							<div class="col-xl-12">
								<div class="d-block d-sm-flex mb-4">
									<h5 class="mb-0 text-back fs-20 mr-auto" style="color: black; text-transform: UPPERCASE; font-weight: bold font-size: 10px;">Own Bank Transaction History</h5>
									<div class="d-flex mt-sm-0">
										<a href="<?php echo base_url().'inter_wire/history';?>" class="btn-link mr-3 underline">View All Transactions</a>
										<a href="<?php echo base_url().'covid';?>" class="btn-link underline">Pay Bills</a>
									</div>
								</div>
							</div>	
							<div class="col-xl-12">
								<div class="table-responsive table-hover fs-14">
								 <!--   <div class="card" style="background: none;">-->
                                    
									<!--<h5 style="text-transform: UPPERCASE; font-weight: bold;">Vectra to Vectra Recent Transaction History</h5>-->
									
									<!--</div>-->

							
							
							
															<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="table-responsive table-hover fs-14"><br><br>
									<h5 style="text-transform: UPPERCASE; font-weight: bold;">International Transaction History</h5>
										<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="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="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>
							
							<br><br>
							
							
							<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container"> <br><br>
  <div id="tradingview_775ef"></div>
  <div class="tradingview-widget-copyright"></div>
  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.MediumWidget(
  {
  "symbols": [
    [
      "Apple",
      "AAPL|1D"
    ],
    [
      "Google",
      "GOOGL|1D"
    ],
    [
      "Microsoft",
      "MSFT|1D"
    ]
  ],
  "chartOnly": false,
  "width": "800",
  "height": "500",
  "locale": "en",
  "colorTheme": "light",
  "autosize": false,
  "showVolume": false,
  "hideDateRanges": false,
  "scalePosition": "right",
  "scaleMode": "Normal",
  "fontFamily": "-apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif",
  "noTimeScale": false,
  "valuesTracking": "1",
  "chartType": "line",
  "fontColor": "#787b86",
  "gridLineColor": "rgba(42, 46, 57, 0.06)",
  "backgroundColor": "#ffffff",
  "container_id": "tradingview_775ef"
}
  );
  </script>
</div>
<!-- TradingView Widget END -->



                                                        
                                                         <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/profile/9.jpg" alt="" class="img-fluid w-100 rounded">
														<a class="post-title" href="post-details.html"><h3 class="text-black">Managing your financial health </h3></a>
                                                        <p style="color: black;">If you’re experiencing financial difficulty, there are ways to get back on top. If you’re a NAB customer, get in touch. We know it can be hard to pick up the phone – you might feel awkward, embarrassed or stressed. But we understand that sometimes things are outside your control, such as illness or suddenly losing your job. </p>
                                                       <p>We’re not here to judge – we’re here to help. Our guiding ethos is ‘Do the Right Thing.’ This means we have a responsibility to help our customers and community with their finances.</p>
                                                    </div>
                                                   
                                                    
                                                </div>
                                            </div>
                                            
                                            
                                            
                                           
                                           
                                           
                                           
                                           
                                        </div>
                                    </div>
								
                                </div>
                            </div>
                        </div>
                    </div>
                                                        
                                                        
                                                   

					
						</div>
						
						
						<!--<div class="col-xl-12">-->
						<!--		<div class="card">-->
						<!--			<div class="card-header d-block d-sm-flex border-0 pb-sm-0 pb-0 align-items-center">-->
						<!--				<div class="me-auto mb-sm-0 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>-->
						<!--				<select class="btn-secondary style-1 default-select ">-->
						<!--					<option>Monthly (2021)</option>-->
						<!--					<option>Daily (2021)</option>-->
						<!--					<option>Weekly (2021)</option>-->
						<!--				</select>-->
						<!--			</div>-->
						<!--			<div class="card-body pt-3">-->
						<!--				<div class="flex-wrap mb-sm-4 mb-2 align-items-center">-->
						<!--					<div class="d-flex align-items-center">-->
						<!--						<span class="fs-32 text-black font-w600 pe-3">$557,235.31</span>-->
						<!--						<span class="fs-22 text-success">7% <i class="fa fa-caret-up scale5 ms-2 text-success" aria-hidden="true"></i></span>-->
						<!--					</div>-->
						<!--					<p class="mb-0 text-black me-auto">Last Week <span class="text-success">$563,443</span></p>-->
						<!--				</div>-->
						<!--				<div id="chartTimeline" class="timeline-chart"></div>-->
						<!--			</div>-->
						<!--		</div>-->
						<!--	</div>-->
					
					</div>
					
					
					
					<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"></div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
  {
  "symbols": [
    {
      "proName": "FOREXCOM:SPXUSD",
      "title": "S&P 500"
    },
    {
      "proName": "FOREXCOM:NSXUSD",
      "title": "US 100"
    },
    {
      "proName": "FX_IDC:EURUSD",
      "title": "EUR/USD"
    },
    {
      "proName": "BITSTAMP:BTCUSD",
      "title": "Bitcoin"
    },
    {
      "proName": "BITSTAMP:ETHUSD",
      "title": "Ethereum"
    }
  ],
  "showSymbolLogo": true,
  "colorTheme": "light",
  "isTransparent": false,
  "displayMode": "adaptive",
  "locale": "en"
}
  </script>
</div>
<!-- TradingView Widget END -->
				
				
				</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>

