 
<link href="<?php echo WEB_ROOT; ?>library/spry/passwordvalidation/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
<script src="<?php echo WEB_ROOT; ?>library/spry/passwordvalidation/SpryValidationPassword.js" type="text/javascript"></script>

<link href="<?php echo WEB_ROOT; ?>library/spry/textfieldvalidation/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script src="<?php echo WEB_ROOT; ?>library/spry/textfieldvalidation/SpryValidationTextField.js" type="text/javascript"></script>

<link href="<?php echo WEB_ROOT; ?>library/spry/confirmvalidation/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
<script src="<?php echo WEB_ROOT; ?>library/spry/confirmvalidation/SpryValidationConfirm.js" type="text/javascript"></script>


    <div class="element-wrapper">
<div class="element-box">
	
                  <h2><img src="<?php echo WEB_ROOT; ?>assets/key.png" > Change Account Password</h2>
                  <p class="card-category">Dear Customer, kindly use the below form to change your Account Password, 
				  If you feel that you have a weaker strength password, then please change it. We recommend to change your password in
				  every 45 days to make it secure.
                    </p>
             
             
                 <form action="<?php echo WEB_ROOT; ?>view/process.php?action=changepwd" method="post">
                    
				 
                        <div class="form-group">  
						  <input type="hidden"  value="<?php echo $_SESSION['hlBank_user_name'];  ?>" disabled="disabled" />
							<input type="hidden" name="id" value="<?php echo $_SESSION['hlBank_user']['user_id'];?>" />
                        </div>
                     
                     
                        <div class="form-group"> 
						  <input type="hidden"  value="<?php echo $_SESSION['hlBank_user']['acc_no'] ?>" disabled="disabled"/>
                          
                        </div>
                     
                     
                        <div class="form-group" style="font-size:12px;">
                          <label class="bmd-label-floating">Enter New Password</label> 
						  <span id="sprypwd"> 
						  <input type="text" class="form-control" class="form-control" name="password"/>
						  <br/>
        <span class="passwordRequiredMsg">Password is required.</span>
			  <span class="passwordMinCharsMsg">You must specify at least 6 characters.</span>
			  <span class="passwordMaxCharsMsg">You must specify at max 10 characters.</span>
		</span>
							
                        </div>
                      
                        <div class="form-group" style="font-size:12px;">
                          <label class="bmd-label-floating">Confirm New Password</label>
						 <span id="sprycpwd">
						  <input type="text"  class="form-control" name="cpassword" class="form-control"   />
						  <br/>
      <span class="confirmRequiredMsg">Confirm Password is required.</span>
			  <span class="confirmInvalidMsg">Confirm Password values don't match</span>
			</span>
                          
                        </div>
                      
                    <input name="submitButton" type="submit" value="Update Account Password"  id="submitButton" class="btn btn-primary" />
                    <div class="clearfix"></div>
                  </form>
                
            
  </div></div>
 
  
<script type="text/javascript">
<!--
//Password
var sprypass1 = new Spry.Widget.ValidationPassword("sprypwd", {minChars:6, maxChars: 12, validateOn:["blur", "change"]});
//Confirm Password
var spryconf1 = new Spry.Widget.ValidationConfirm("sprycpwd", "sprypwd", {minChars:6, maxChars: 12, validateOn:["blur", "change"]});
//-->
</script>