<?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="transfer" class="btn btn-xs btn-primary light mr-1" style="background: #ec8153; color: #ffffff;">Fund Transfers</a>
						<a href="javascript:void(0);" class="btn btn-xs btn-primary light mr-1" style="background: #3b5884; color: #ffffff;">Loan Application</a>
						<a href="javascript:void(0);" 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-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;">Account Information</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="" 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="col-xl-12 col-xxl-12 col-sm-12">
						<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" >
									    <?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'];?>" alt="">
										<?php } ?>
									</div>
									<div>
										<h5 class="title"><a href="javascript:void(0);" style="padding: 20px;"><?php echo $_SESSION[$sess_prefix.'sess_customer_name'];?></a></h5>
										<span class="text-primary" style="padding: 20px; margin-top: -50px;">Verified User</span>
									</div>
								</div>
								<p class="fs-12">Answering guest inquiries, directing phone calls, coordinating travel plans, and more.</p>
								<ul class="list-group list-group-flush">
									<li class="list-group-item">
										<span class="mb-0 title">Name</span> :
										<span class="text-black ms-2"><?php echo $user_details->customer_name;?></span>
									</li>
									<li class="list-group-item">
										<span class="mb-0 title">Date of Birth</span> :
										<span class="text-black ms-2"><?php echo date('m/d/Y',$user_details->date_of_birth);?></span>
									</li>
									<li class="list-group-item">
										<span class="mb-0 title">Account Status</span> :
										<span class="text-success" data-toggle="tooltip" data-original-title="Active"><i class="fas fa-check-circle"></i></span>
									</li>
									
									<li class="list-group-item">
										<span class="mb-0 title">Email Address</span> :
										<span class="text-black ms-2"><?php echo $user_details->email;?></span>
									</li>
									<li class="list-group-item">
										<span class="mb-0 title">Mobile Number</span> :
										<span class="text-black ms-2"><?php echo $user_details->mobile_number;?></span>
									</li>
									<li class="list-group-item">
										<span class="mb-0 title">Address</span> :
										<span class="text-black ms-2"><?php echo $user_details->address;?></span>
									</li>
									
									<li class="list-group-item">
										<span class="mb-0 title">Account No</span> :
										<span class="text-black ms-2" style="color: red; padding: 20px;"><?php foreach($user_accounts_listing as $acc_details){?><?php echo $acc_details->account_no;?></span>, <span style="color: #ea7f51;"><?php }  ?></span>
									</li>
									
									
								</ul>
							</div>
							<div class="card-footer">
								<a href="javascript:void(0);" data-toggle="modal" data-target="#update_personal_profile" class="btn btn-success btn-xs">Update Profile</a>
							</div>
						</div>
					</div>
								 <!--   <div class="card" style="background: none;">-->
                                    
									<!--<h5 style="text-transform: UPPERCASE; font-weight: bold;">Vectra to Vectra Recent Transaction History</h5>-->
									
									<!--</div>-->

							
							
							
									
						</div>
						
							</div>
							
							
							
							
							
							<div class="modal fade step-secourity update_personal_profile" id="update_personal_profile" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered " role="document">
		<div class="modal-content">
			<form id="frm" method="post" action="<?php echo base_url().'profile/update';?>" enctype="multipart/form-data">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">Your Personal Information</h5>                                                  
			</div>
			<div class="modal-body">
					<div class="form-group">
						<label class="control-label">Customer Name *</label>
						<input type="text" class="form-control required" id="customer_name" name="customer_name" placeholder="Customer Name" value="<?php echo $user_details->customer_name;?>" autocomplete="off" />
					</div>
					<div class="form-group">
						<label class="control-label">Gender *</label>
						<?php $gender_array_config=$this->config->item('gender_array_config');?>
						<select class="form-control required" id="gender" name="gender">
							<option value="">-- select gender --</option>
							<?php foreach($gender_array_config as $key => $value){ if($value['status']==0){?>
							<option value="<?php echo $key;?>" <?php if($user_details->gender==$key){?> selected="selected"<?php } ?>><?php echo $value['name'];?></option>
							<?php } } ?>
						</select>
					</div>
					<div class="form-group">
						<label class="control-label">Date of Birth *</label>
						<div class="position-relative">
							<input type="text" class="form-control required" id="birthDate" name="date_of_birth" placeholder="<?php echo date('m-d-Y');?>" value="<?php echo date('m-d-Y',$user_details->date_of_birth);?>" autocomplete="off" />
							<span class="icon-inside">
								<i class="fas fa-calendar-alt"></i>
							</span>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label">Mobile Number *</label>
						<input type="text" class="form-control required" id="mobile_number" name="mobile_number" placeholder="Enter mobile no." value="<?php echo $user_details->mobile_number;?>" autocomplete="off" />
					</div>
					<div class="form-group">
						<label class="control-label">Email Address *</label>
						<input type="text" class="form-control email required" id="email" name="email" placeholder="Email Address" value="<?php echo $user_details->email;?>" autocomplete="off" />
					</div>	
					<div class="form-group">
						<label class="control-label">Address *</label>
						<input type="text" class="form-control required" id="address" name="address" placeholder="Address" value="<?php echo $user_details->address;?>" autocomplete="off" />
					</div>			
			</div>
			<div class="modal-footer">
				<div class="col-md-6 plpr"><button type="submit" class="btn btn-primary pop_btn">Update Now!</button></div>
				<div class="col-md-6 plpr"><button type="button" class="btn btn-secondary pop_btn" data-dismiss="modal">Close</button></div>
			</div>
			</form>
		</div>
	</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
	$('#frm').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();
		}
	});
});
</script>	




						
							<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>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>
					
					
							<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>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>
					
					
					
					<!-- 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
        ***********************************-->
        
        

