<?php require ("header.php") ?>
	  
	  
	  
	  
	  
	  
	  
	  
                     <div class="nk-content ">
        <div class="container-fluid">
            <div class="nk-content-inner">
                    <div class="nk-block-head nk-block-head-sm">
                         
 
 <div class="container-fluid py-4">
 
  <div class="row">
        <div class="col-12">
          <div class="card my-4">
            <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
              <div class="bg-gradient-primary shadow-primary border-radius-lg pt-4 pb-3">
                <h4 class="text-white text-capitalize ps-3"><img src="icon/ibft.png" height="40" width="40" > MANAGE ACCOUNTS</h4> 
              </div>
            </div>
            <div class="card-body px-0 pb-2"> 
                		
<style>
 
.topnav {
  overflow: hidden;
  background-color: black;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-weight:700;
}

.topnav a:hover {
  background-color: #d13e16;
  color: white;
}

.topnav a.active {
  background-color: black;
  color: white;
}
</style>
 
		
  <script>
    $(document).ready(function() {
      $('#mybutton').hide().delay(5000).fadeIn(2200);
});
    </script> 

 <style>
input[type=text2] {
  width: 60%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
} 

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=number], date{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=password]{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  background-color: ;
  padding: 20px;
}
</style>
						
<style>


.card-block {
  height: 220px;
  background: #6236FF;
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);
  color: #fff;
  position: relative;
}

.card-block .card-main {
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.23) 100%);
  position: absolute;
  border-radius: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: flex-end;
  padding: 20px 24px;
}

.card-block .card-button {
  position: absolute;
  right: 10px;
  top: 10px;
}

.card-block .card-button > .btn {
  background: transparent !important;
  color: #fff !important;
}

.card-block span.label {
  font-size: 11px;
  letter-spacing: 1px;
  opacity: 0.5;
  line-height: 1em;
  margin-bottom: 5px;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
}

.card-block .in .card-number {
  font-size: 17px;
  letter-spacing: 3px;
  font-weight: 500;
}

.card-block .in .card-expiry {
  font-size: 14px;
  font-weight: 500;
  margin-right: 20px;
}

.card-block .in .card-ccv {
  font-weight: 500;
  font-size: 14px;
}

.card-block .bottom {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.card-block .balance {
  position: absolute;
  left: 24px;
  top: 24px;
}

.card-block .balance .title {
  font-weight: 700;
  color: #fff;
  margin-top: 7px;
  font-size: 24px;
}


</style>				
		
<div class="topnav">
  <a class="active" href="edit_profile.php" target="_self">Edit Profile</a>
  <a href="change-password.php" target="_self">Change Password</a>
  <a href="change_photo.php" target="_self">Update Photo</a>
  <!--<a href="change_email.php" target="_self">Email</a>-->
  <a href="change-transaction-pin.php" target="_self">Security Pin</a>
</div>
                
                
                
        <!--              <div class="row">-->
        <!--<div class="col-md-7 mt-4">-->
        <!--  <div class="card"> -->
        <!--    <div class="card-body pt-4 p-3">-->
               <div class="hk-pg-header">
<div>
<h2 class="hk-pg-title font-weight-600">Change Password</h2>
</div>
<div class="flex-wrap mb-0 ">
</div>
</div>
          
            		    <div class="container"> 
       
                           
         			
		    
       
            
             	
              

<?php 
if(isset($success_password)){
    echo $success_password;
}

elseif(isset($error_password)){
    echo $error_password;
}
?>
<form role="form" method="post" action="">
                   
                                    <div class="card-body">
                        
                        
                        <div class="form-group">
                            <label for="User-name">User Name</label>
                            <input type="text" class="form-control" name="username" autocomplete="off" placeholder="********" required>
                        </div>
                        
                        <div class="form-group">
                            <label for="password">Old Password</label>
                            <input type="password"  name="password" autocomplete="off" placeholder="********" required class="form-control">
                        </div>
                        
                        <div class="form-group">
                            <label for="confirm-password">New Password</label>
                            <input type="password"  name="cpassword" autocomplete="off" placeholder="********" required class="form-control">
                        </div>
                        
                    </div>
                    <div class="card-footer">
                        <button type="submit" name="password_action" class="btn btn-primary">CHANGE PASSWORD</button>
                     </div>
                </form>
 
		    
            		    
            	 
                              
                          
        
        <!--    </div>-->
        <!--    </div>-->
        <!--  </div>-->
        <!--</div>-->
        
      </div>
                
                
      
                          
		    
		    </div>
 
                 
              
              <br><br>
            </div>
          </div>
        </div><br><br>
      </div>
 
 
 
 </div>
 



		   
		   
		   
		   
		   
		    
			   

			   
	<?php require ("footer.php") ?>