<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width,initial-scale=1" name="viewport">
	<meta name="keywords" content="">
	<meta name="description" content="Ramom School Management System">
	<meta name="author" content="RamomCoder">
	<title><?php echo translate('password_restoration');?></title>
	<link rel="shortcut icon" href="<?php echo base_url('assets/images/favicon.png');?>">

    <!-- Web Fonts  -->
	<link href="<?php echo is_secure('fonts.googleapis.com/css?family=Signika:300,400,600,700');?>" rel="stylesheet"> 
	<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'); ?>">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
	<script src="<?php echo base_url('assets/vendor/jquery/jquery.js');?>"></script>
	
	<!-- 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>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
	<!-- login page style css -->
	<link rel="stylesheet" href="<?php echo base_url('assets/login_page/css/style.css');?>">     
	<script type="text/javascript">
		var base_url = '<?php echo base_url() ?>';
	</script>
	<style>
	    .custom-margin {
         margin-top: 85px; /* Default for large screens */
        }

        @media (max-width: 768px) { /* Small devices (sm) */
        .custom-margin {
        margin-top: 100px; /* Adjust margin for sm screens */   
        }
      }
      @media (max-width: 768px) {
    body {
        background-size: auto 100%; /* This will make sure the image fits the height, but may leave space on the sides */
    }
      }
      .card {
    border-radius: 8px;
    transition: box-shadow 0.3s ease-in-out;
}

.card:hover {
    box-shadow: 10px 10px 15px rgba(255, 238, 247, 0.6); /* Shadow on hover */
}

	</style>
</head>
	<body  style="background-image: url('<?php echo base_url('assets/login_page/image/background.png'); ?>');background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed;">
	    <div class="container">
         <div class="row ">
          <div class="col-lg-4"></div>
          <div class="col-sm-12  col-md-12  col-lg-4">
              
              <div class="card custom-margin"  style="border:solid;border-color:#FFEEF7;">
                  <div class="card-body">
                      <div class="center img-hol-p text-center">
                                <img src="<?=$this->application_model->getBranchImage($branch_id, 'logo')?>" height="60" alt="RamomCoder School">
                            </div>
                      <div class="sign-hader">
                                <h1 class="text-center">Reset Password</h1>
                                <center>Enter your email and you will receive reset instructions.</center><br>
                            </div>
                            <?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 email address</div>';
                                        }
                                    }
                                ?>
                                
                                <?php echo form_open($this->uri->uri_string()); ?>
                            <div class="form-group <?php if (form_error('username')) echo 'has-error'; ?>">
                                <div class="input-group input-group-icon">
                                        <span class="input-group-addon">
                                            <span class="icon">
                                                <i class="fas fa-unlock-alt"></i>
                                            </span>
                                        </span>
                                        <input type="text" class="form-control"style="font-size:14px;" name="username" value="<?=set_value('username')?>" autocomplete="off" placeholder="<?php echo translate('usename');?>" />
                                </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 ladda-button btn-round"style="font-size:14px;">
                                        <i class="far fa-paper-plane"></i> <?php echo translate('forgot');?>
                                    </button>
                            </div>
                            <div class="text-center">
                                    <a href="<?php echo base_url('authentication/index') . $this->authentication_model->getSegment(3); ?>"><i class="fas fa-long-arrow-alt-left"></i> <?php echo translate('back_to_login');?></a>
                            </div>
                            <div class="sign-footer">
                                    <p><?php echo $global_config['footer_text'];?></p>
                            </div>
                            <?php echo form_close();?>
                        </div>
                        
                  </div>
              </div>
              
          </div>
          <div class="col-lg-4"></div>
        </div>
       </div> 

		<script src="<?php echo base_url('assets/vendor/bootstrap/js/bootstrap.js');?>"></script>
		<script src="<?php echo base_url('assets/vendor/jquery-placeholder/jquery-placeholder.js');?>"></script>
		<!-- backstretch js -->

		<script src="<?php echo base_url('assets/login_page/js/custom.js');?>"></script>
	</body>
</html>





















                            
                            
                                
                                
                            