<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ERISN Classroom</title>
    <!--styles links-->
    <link rel="stylesheet" href="<?php echo base_url();?>assets-bustracking/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets-bustracking/css/jquery-ui.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets-bustracking/css/font-family.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets-bustracking/css/all.css"> 
    <link rel="stylesheet" href="<?php echo base_url();?>assets-bustracking/owl-carousel/css/owl.carousel.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets-bustracking/css/fontawesome.min.css" /> 
    <link rel="stylesheet" href="<?php echo base_url();?>assets-bustracking/css/style-admin.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets-bustracking/css/style-admin-responsive.css">
</head>
<body> 
<div class="login-wrap">
    <div class="logo-wrap">
		<a href='<?php echo base_url().'admin';?>'>
        <img src="<?php echo base_url();?>assets-bustracking/images/erisn-blue.png"> 
		</a>
    </div>
	
	<?php
		$isResetPasswordSuccess = 'No';
		if($this->session->userdata('isResetPasswordSuccess')){
			$isResetPasswordSuccess = 'Yes';
			$this->session->unset_userdata('isResetPasswordSuccess');
		}
	?>
	
	<?php
		$pwd = ''; $conf_pwd = '';
    	if(count($_POST) > 0)
		{
			$pwd = $_POST['password'];
			$conf_pwd = $_POST['conf_password'];			
		}
	?>
	
    <img src="<?php echo base_url();?>assets-bustracking/images/login.png" class="login-img">
        <div class="login-box-cover paswd_reset"> 
            <div class="login-box">
                <h3>Forgot Password?</h3>
				
				<?php if($this->session->flashdata('danger')){?>
				<div class="alert alert-danger alert-dismissible fade show" role="alert">
					<p><?php echo $this->session->flashdata('danger') ?></p>
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<?php } ?>
			
                <form action="<?php echo base_url().'reset-password/'.$encodedEmailId;?>" id="resetPasswordForm" method="post">
                    <div class="login-row">
                        <p>Your email address is verified successfully. You can now reset your password here.</p>
                    </div>
                    <div class="login-row">
                        <label class="login-lbl">
                           New Password*
                        </label>
                        <input type="password" name="password" id="password" placeholder="Enter new passwod" class="paswd">
                        <span class="passwrd-icon icon-y"><i class="far fa-eye"></i></span>
						<p class="form_err" id='password_error'></p>
						<span class="form_err"><?php echo form_error('password'); ?><span>
                    </div>
                    <div class="login-row">
                        <label class="login-lbl">
                            Retype New Password*
                        </label>
                        <input type="password" name="conf_password" id="conf_password" placeholder="Retype new password" class="paswd1">
                        <span class="passwrd-con icon-con-y"><i class="far fa-eye"></i></span>                       
                        <p class="form_err" id='conf_password_error'></p>
						<span class="form_err"><?php echo form_error('conf_password'); ?><span>
                    </div> 
                    <div class="login-row">
                        <button class="common-btn" type='button' onclick='validate_rp_form()'>Reset Password</button>
                    </div>
                </form>
                <div class="backto-login">
                    <a href="<?php echo base_url().'admin';?>"> &lt Back to login </a>
                </div>
            </div>
        </div>
    </div> 

	<div class="passwdChange_modal">
		<div class="modal fade" id="passwordChangeModal" role="dialog"   data-backdrop="static" data-keyboard="false">
			<div class="modal-dialog modal-sm">
			  <div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<i class="fas fa-check-circle"></i>
						<h4 class="modal-title">Success</h4>
					</div>
					<div class="modal-body">
						Your password has been reset successfully. You can now login with new password.
					</div>
					<div class="modal-footer">
					   <div class="dashboard-btn-wrap">
							<button class="common-btn" onclick='go_to_admin_login()'>Go to login page</button> 
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<script src="<?php echo base_url();?>assets-bustracking/js/jquery-3.4.1.min.js"></script>
<script src="<?php echo base_url();?>assets-bustracking/js/jquery-ui.min.js"></script>
<script src="<?php echo base_url();?>assets-bustracking/js/popper.min.js"></script> 
<script src="<?php echo base_url();?>assets-bustracking/js/bootstrap.min.js"></script>
<script defer src="<?php echo base_url();?>assets-bustracking/js/all.js"></script> 
<script defer src="<?php echo base_url();?>assets-bustracking/js/main.js"></script>  
<script src="<?php echo base_url();?>assets-bustracking/owl-carousel/js/owl.carousel.min.js"></script>

<script type="text/javascript">
	var isResetPasswordSuccess = '<?php echo $isResetPasswordSuccess;?>';
	if(isResetPasswordSuccess == 'Yes'){
		$('#passwordChangeModal').modal('show');
	}
	
	function go_to_admin_login()
	{
		window.location = '<?php echo base_url()."admin";?>';
	}

	$(document).ready(function(){		
		$(document).on('keypress', function(e){
			if(e.which==13)
			{
				//if(js_status != 'Not Verified')
				validate_rp_form();
			}
		});	
		
	});

    function hide_all_rp_errors()
    {        
        $('#password_error').hide();
		$('#conf_password_error').hide(); 
    }
    
        
    function validate_rp_form()
	{        
        hide_all_rp_errors();
      
        var errArr = new Array();	
	
	    var pwd = $('#password').val().trim();
		var conf_password = $('#conf_password').val().trim();
	   
        if(pwd==''){
	        errArr.push('password_Sep@Str_Please enter your new password.');
	    }
		else{
			var regPwdReg = /(?=.*[a-zA-Z0-9])(?=.*?\W).{6,}/;
			if(!regPwdReg.test($('#password').val()))
				errArr.push('password_Sep@Str_Password should be minimum 6 characters and should have atleast one special character.');
		}
		
		if(conf_password==''){
	        errArr.push('conf_password_Sep@Str_Please re-enter your new password.');
	    }
		  
		if($('#password').val()!='' && $('#conf_password').val()!='' && ($('#password').val() != $('#conf_password').val()) )
			errArr.push('conf_password_Sep@Str_Password & Retype Password does not match.');
	
		if(errArr.length>0)
    	{
    		for(i=0; i<errArr.length; i++)
    		{
    			var resArr = errArr[i].split("_Sep@Str_");
    			$("#"+resArr[0]+"_error").html(resArr[1]);;
    			$("#"+resArr[0]+"_error").show();
    		}		
    		var xxxVal = errArr[0].split('_Sep@Str_');		
    		$('#'+xxxVal[0]).focus();		
    		return false;
    	}
    	else{
    		$('#resetPasswordForm').submit();
    	}
    }
</script>

</body>
</html>