<!doctype html>
<html>

	 <head>
    <!-- Required meta tags -->
	
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="keywords" content="">
		<meta name="author" content="techtune">
		<meta name="description" content="">
		<title><?php echo translate('password_restoration'); ?></title>
		<link rel="shortcut icon" href="<?php echo base_url('assets/images/favicon.png'); ?>">
		

    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="<?php echo base_url('assets/login/fonts/icomoon/style.css'); ?>">

    <link rel="stylesheet" href="<?php echo base_url('assets/login/css/owl.carousel.min.css'); ?>">

	<script src="<?php echo base_url('assets/vendor/jquery/jquery.js'); ?>"></script>
		
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="<?php echo base_url('assets/login/css/bootstrap.min.css'); ?>">
    
	<!-- sweetalert js/css -->
	<link rel="stylesheet" href="<?php echo base_url('assets/vendor/sweetalert/sweetalert-custom.css'); ?>">
	<script src="<?php echo base_url('assets/vendor/sweetalert/sweetalert.min.js'); ?>"></script>
		
	<!-- Web Fonts  -->
	<link rel="stylesheet" href="<?php echo base_url('assets/vendor/bootstrap/css/bootstrap.css'); ?>">
	<link rel="stylesheet" href="<?php echo base_url('assets/vendor/font-awesome/css/all.min.css'); ?>">
	
    <!-- Style -->
    <link rel="stylesheet" href="css/style.css">

	<script type="text/javascript">
			var base_url = '<?php echo base_url() ?>';
	</script>

	 <style>
      .content {
        padding-top: 15vh;
        text-align: center; /* Center align content */
      }
      
      .col-md-6, .col-md-6.contents {
        text-align: left; /* Left align content within these columns */
      }

      /* Media Query for Mobile View */
      @media (max-width: 767px) {
        .content{
            padding-top: 5vh;
        }
      }
    </style>
	
  </head>		
		
  <div class="content">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <img src="<?php echo base_url('assets/login/images/undraw_remotely_2j6y.svg'); ?>" alt="Image" class="img-fluid">
        </div>
		
        <div class="col-md-6 contents">
          <div class="row justify-content-center">
            <div class="col-md-8">
			
					<?php 
							if($this->session->flashdata('reset_res')){
								if($this->session->flashdata('reset_res') == 'TRUE'){
									echo '<div class="alert-msg">Password reset email sent successfully. Check email</div>';
								}elseif($this->session->flashdata('reset_res') == 'FALSE'){
									echo '<div class="alert-msg danger">You entered the wrong Username</div>';
								}
							}
						?>

              <div class="mb-4">
              <h3><?php echo html_escape($global_config['institute_name']); ?></h3>
             <h5><i class="fas fa-fingerprint"></i> <?php echo translate('password_restoration'); ?></h5>
				Enter your username and receive reset instructions via email.
            </div>

            <?php echo form_open($this->uri->uri_string()); ?>
              <div class="form-group <?php if (form_error('username')) echo 'has-error'; ?>">
                <label for="username">Username</label>
                 <div class="input-group input-group-icon">
					<span class="input-group-addon">
					<span class="icon">
						<i class="far fa-user"></i>
					</span>
					</span>
					<input type="text" class="form-control" name="username" id="username" value="<?php echo set_value('username'); ?>" placeholder="<?php echo translate('username'); ?>" />
				</div>
				<span class="error"><?php echo form_error('username'); ?></span>
              </div>

              <div class="form-group">
					<button type="submit" id="btn_submit" class="btn btn-block btn-primary">
						<i class="fa fa-key"></i>  <?php echo translate('forgot'); ?>
					</button>
				</div>
	
				<div>
					<a href="<?php echo base_url('authentication'); ?>"><i class="fas fa-arrow-right"></i> <?php echo translate('back_to_login'); ?></a>
				</div>

            <?php echo form_close(); ?>
			
							            </div>
									              </div>
										              </div>
											            </div>
												        </div>
													  </div>

	<script src="<?php echo base_url('assets/login/js/jquery-3.3.1.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/login/js/popper.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/login/js/bootstrap.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/login/css/js/main.js'); ?>"></script>
		
	</body>
</html>
