<div class="udex-main" id="main">
    <div class="container py-4">
		<h2>Safety & Security</h2>
		<div class="row">
		<div class="col-md-6 p-2">
					<div class="card rounded shadow-sm">
						<div class="card-header"><i class="fas fa-user"></i> Account Details</div>
						<div class="card-body">
						  <div style="display:flex;justify-content:center;width:100%;">
						      <img src="<?php echo '/img/upload/'.$userdata['passport_photo']; ?>" style="max-width:150px; width:auto; height:150px; min-width:130px; margin-right:15px;" class="icon icon-shape bg-gradient-primary shadow text-center border-radius-md">
                        </div>
						<div class="row px-1">
							<div class="col-md-12 d-flex flex-column mb-1"><span class="font-weight-bold text-primary p-1" style="font-size:0.7em">Name on Account:</span><span><?php echo strtoupper($userdata['acct_name']); ?></span></div>
										<hr style="background-color:grey !important">
							<div class="col-md-12 d-flex flex-column mb-1"><span class="font-weight-bold text-primary p-1" style="font-size:0.7em">Account No:</span>
							<span><?php echo $userdata['acct_number']; ?></span></div>
										<hr style="background-color:grey !important">

							<div class="col-md-12 d-flex flex-column mb-1"><span class="font-weight-bold text-primary p-1" style="font-size:0.7em">Email:</span>
							<span><?php echo $userdata['acct_email']; ?></span></div>
										<hr style="background-color:grey !important">

							<div class="col-md-12 d-flex flex-column mb-1"><span class="font-weight-bold text-primary p-1" style="font-size:0.7em">Phone Number:</span>
							<span><?php echo $userdata['acct_phone']; ?></span></div>
										<hr style="background-color:grey !important">

							<div class="col-md-12 d-flex flex-column mb-1"><span class="font-weight-bold text-primary p-1" style="font-size:0.7em">Gender:</span>
							<span><?php echo $userdata['acct_gender']; ?></span></div>
										<hr style="background-color:grey !important">

							<!--<div class="col-md-12 d-flex flex-column mb-1"><span class="font-weight-bold text-primary p-1" style="font-size:0.7em">Address:</span>-->
							<!--<span><?php echo $userdata['acct_address']; ?></span></div>-->
							<!--			<hr style="background-color:grey !important">-->

							<div class="col-md-12 d-flex flex-column mb-1"><span class="font-weight-bold text-primary p-1" style="font-size:0.7em">Date of Birth:</span>
							<span><?php echo format_d_date($userdata['acct_dob']); ?> </div>
							<hr style="background-color:grey !important">
							<div class="col-md-12 d-flex flex-column mb-1">
							 <span class="font-weight-bold text-primary p-1" style="font-size:0.7em">Next of Kin's Name:</span>
							<span><?php echo $userdata['nok_name']; ?></span></div>
							<!--			<hr style="background-color:grey !important">-->
							<!--			<div class="col-md-12 d-flex flex-column mb-1"><span class="font-weight-bold text-primary p-1" style="font-size:0.7em">Next of Kin's Phone Number::</span>-->
							<!--<span><?php //echo $userdata['nok_phone']; ?></span></div>-->
							<!--			<hr style="background-color:grey !important">-->
							<!--			<div class="col-md-12 d-flex flex-column mb-1"><span class="font-weight-bold text-primary p-1" style="font-size:0.7em">Next of Kin's Address:</span>-->
							<!--<span><?php //echo $userdata['nok_address']; ?></span></div>-->
										
						</div>
						</div>
					</div>
				</div>
				<div class="col-md-6 p-2">

		<div class="card rounded shadow-sm">
			<div class="card-header"><i class="fas fa-lock"></i> Security Settings</div>
			<div class="card-body">
<form action="/account/security" method="POST">
<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" name="toggle_status" value="<?php echo ($userdata['otpistrue']=='true')?'false':'true'; ?>" <?php echo ($userdata['otpistrue']=='true')?'checked':''; ?>>
  <label class="form-check-label" for="flexSwitchCheckDefault">2FA Verification</label>
</div>
<p class="text-grey text-sm" style="font-size:0.6em"><i class="fas fa-info-circle"></i> Enabling Two(2) Factor Authentication(2FA) provides an extra layer of security to your account and your funds!</p>
<button type="submit" name="toggle2fa" class="btn btn-sm bg-gradient-dark mb-0"><i class="fas fa-save mr-1"></i> Save Change</button>
</form>

  			
 
			<hr style="background-color:grey !important">
			<p class="text-grey text-sm">Change Pin often to ensure your funds are safe!</p>
			<a href="/account/changepin" class="btn bg-gradient-dark mb-0"><i class="fas fa-arrow-right mr-1"></i> Change Pin</a>
			<div class="p-2"></div>
			<hr style="background-color:grey !important">
			<p class="text-grey text-sm">If you notice any suspicious activity, we recommend changing your password.</p>
			<a href="/account/changepass" class="btn bg-gradient-dark mb-0"><i class="fas fa-arrow-right mr-1"></i> Change password</a>
			
		</div>
		</div>

<!--		<div class="card rounded shadow-sm mt-2">-->
<!--			<div class="card-header"><i class="fas fa-history"></i> Session History</div>-->
<!--			<div class="card-body">-->
<!--<p class="text-grey">Information about the use of your account. <br>Last activity: <?php  //echo $bankUser->get_login(account_number)[0].'<br><strong> From</strong> IP Address:'.$bankUser->get_login(account_number)[1]; ?> </p>-->

<!--<h6 class="text-danger">The last visits show from which devices and when you logged in to the website. If you suspect that someone has access to your profile, please change the password.</h6>-->
<!--<ul class="list-group list-group-flush mt-4"><li class="list-group-item"><strong><?php  //echo $bankUser->get_login(account_number)[0]; ?></strong><br>-->
<!--<br>-->
<!--<strong>IP Address: </strong><?php  //echo $bankUser->get_login(account_number)[1]; ?>-->
<!--</li>-->
<!--</ul>-->
<!--</div></div>-->
</div>
				</div>
			
</div>