<!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
		$isForgotPasswordSuccess = 'No';
		if($this->session->userdata('isForgotPasswordSuccess')){
			$isForgotPasswordSuccess = 'Yes';
			$this->session->unset_userdata('isForgotPasswordSuccess');
		}
	?>
	
	<?php
		$eid = '';
    	if(count($_POST) > 0)
		{
			$eid = $_POST['email'];			
		}
	?>
	
    <img src="<?php echo base_url();?>assets-bustracking/images/login.png" class="login-img">
        <div class="login-box-cover"> 
            <div class="login-box">
                <h3>Forgot Password?</h3>
                <form action='<?php base_url().'forgot-password';?>' id="forgotPasswordForm" method="post">
                    <div class="login-row">
                        <p>Please enter your email address for sending link to change password.</p>
                    </div>
                    <div class="login-row">
                        <label class="login-lbl">
                            Email Address*
                        </label>
                        <input type="text" name="email" id="email" value='<?php echo $eid;?>' placeholder="Enter your email address">
                        <p class="form_err" id='email_error'></p>
						<span class="form_err"><?php echo form_error('email'); ?><span>
                    </div>  
                    <div class="login-row">
                        <button class="common-btn" type='button' onclick='validate_fp_form()' >Submit</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">
						An email has been sent to your registered email address which has a link to reset your password.
					</div>
					<div class="modal-footer">
					   <div class="dashboard-btn-wrap">
							<button class="common-btn" onclick='go_to_admin_login()'>Close</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 isForgotPasswordSuccess = '<?php echo $isForgotPasswordSuccess;?>';
	if(isForgotPasswordSuccess == '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_fp_form();
			}
		});	
		
	});

    function hide_all_fp_errors()
    {
        $('#email_error').hide(); 
        $('#password_error').hide();      
    }
    
        
    function validate_fp_form()
	{        
        hide_all_fp_errors();
      
        var errArr = new Array();	
	
	    var lemail = $('#email').val().trim();
	    var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if(lemail==''){
	        errArr.push('email_Sep@Str_Please enter your email address.');
	    }else if(!regex.test(lemail)){
	        errArr.push('email_Sep@Str_Please enter a valid email address.');
	    }
		  
		
		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{
    		$('#forgotPasswordForm').submit();
    	}
    }
	</script>
	
</body>
</html>