<?php 
header('Expires: 0'); 
header('Cache-Control: no-store, no-cache, must-revalidate'); 
header('Cache-Control: post-check=0, pre-check=0', FALSE); 
header('Pragma: no-cache');
?>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>Forgot Password | myBLUORBIT</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="author" content="Nityam Software Solutions PVT. LTD."/>

	<!-- Favicon -->
	<link rel="shortcut icon" href="<?php echo ASSETS_PATH;?>favicon.ico">
	<link rel="icon" href="<?php echo ASSETS_PATH;?>favicon.ico" type="image/x-icon">

	<!-- vector map CSS -->
	<link href="<?php echo ASSETS_PATH;?>vendors/bower_components/jasny-bootstrap/dist/css/jasny-bootstrap.min.css" rel="stylesheet" type="text/css"/>



	<!-- Custom CSS -->
	<link href="<?php echo ASSETS_PATH;?>dist/css/style.css" rel="stylesheet" type="text/css">
	<style>
	body{
		background:url(<?php echo ASSETS_PATH;?>dist/img/bg_new.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	.page-wrapper.auth-page, .wrapper{
		background:transparent;
	}
	.control-label{
		color:#fff;
	}
	.auth-form {
		color:#fff;
		background: #2b2b2bc7;
		border-radius: 10px;
	}
	.padding15{
		padding:15px;
	}
	.logo_bg{
	}
	input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
		background-color: transparent !important;
	}
	.form-control, .checkbox label::before{
		border: 1px solid #9E9E9E;
		background-color: transparent;
		color: #fff;
	}
	.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
		background-color: #34c0d1;
		border-color: #34c0d1;
	}
	.form-control:focus{
		border: 1px solid #9E9E9E;
		background-color: transparent;
		color: #fff;
	}
</style>
</head>
<?php
$login = array(
			'name'	=> 'login',
			'id'	=> 'login',
			'value' => set_value('login'),
			'maxlength'	=> 80,
			'size'	=> 30,
		);
		$captcha = array(
			'name'	=> 'captcha',
			'id'	=> 'captcha',
			'maxlength'	=> 8,
		);	
	if ($this->config->item('use_username', 'tank_auth_admin')) {
			$login_label = 'Email or login';
		} else {
			$login_label = 'Email';
		}
?>
<body>
	<!--Preloader-->
	<div class="preloader-it">
		<div class="la-anim-1"></div>
	</div>
	<!--/Preloader-->

	<div class="wrapper pa-0">
			<!-- Main Content -->
			<div class="page-wrapper pa-0 ma-0 auth-page">
				<div class="container-fluid">
					<!-- Row -->
					<div class="table-struct full-width full-height">
						<div class="table-cell vertical-align-middle auth-form-wrap">
							<div class="auth-form  ml-auto mr-auto no-float">
								<div class="col-sm-12 col-xs-12 logo_bg">
									<h3 class="text-center txt-dark mt-10"><a class="" target="_blank" href="https://bluorbitlogistics.com/"><img src="<?php echo ASSETS_PATH;?>dist/img/BluOrbitOG.png" alt="logo"   style="max-width: 150px;"></a></h3>
								</div>
								<div class="row padding15">
									<div class="col-sm-12 col-xs-12">
										<div class="mb-30">
											<h3 class="text-center txt-light mt-10 mb-10">Need help with your password?</h3>
										</div>	
										<div class="form-wrap">
											<form class="form-horizontal"  action="<?php echo base_url();?>index.php/<?php echo AUTHENTICATION_PATH;?>forgot_password" method="post" accept-charset="utf-8">
												<div class="col-sm-12">
													<div class="form-group">
														<label class="control-label mb-10" for="exampleInputEmail_2">Email address</label>
														<input type="email" id="login" name="login" autocomplete="off" class="form-control">
														<div style='color:red'><?php echo form_error($login['name']); ?>
														<?php echo isset($errors[$login['name']])?$errors[$login['name']]:''; ?></div>
													</div>
													<div class="form-group" id="captImg">
														<?php echo $captchaArr['image']; ?>
													</div>
													<div class="form-group">
														<strong>Can't read the image?</strong> <a href="javascript:void(0);" class="refreshCaptcha"> <i class="fa fa-refresh fa-2x" aria-hidden="true" style="color: #ffffff;"></i></a>
													</div>
													<div class="form-group">
														<input type="text" id="captcha" name="captcha" autocomplete="off" class="form-control" placeholder="Enter the above code here">
														<div style='color:red'><?php echo isset($errors['captcha'])?$errors['captcha']:''; ?><?php echo form_error($captcha['name']); ?></div>
													</div>
													<div class="form-group text-center">
														<a class="btn btn-info btn-rounded" href="<?php echo LOGIN_URL;?>">Back</a>
														<button type="submit" class="btn btn-info btn-rounded">Submit</button>
													</div>
												</div>
											</form>
										</div>
									</div>	
								</div>
							</div>
						</div>
					</div>
					<!-- /Row -->	
				</div>
				
			</div>
			<!-- /Main Content -->

		</div>
		<!-- /#wrapper -->
		
		<!-- JavaScript -->
		
		<!-- jQuery -->
		<script src="<?php echo ASSETS_PATH;?>vendors/bower_components/jquery/dist/jquery.min.js"></script>
		
		<!-- Bootstrap Core JavaScript -->
		<script src="<?php echo ASSETS_PATH;?>vendors/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
		<script src="<?php echo ASSETS_PATH;?>vendors/bower_components/jasny-bootstrap/dist/js/jasny-bootstrap.min.js"></script>
		
		<!-- Slimscroll JavaScript -->
		<script src="<?php echo ASSETS_PATH;?>dist/js/jquery.slimscroll.js"></script>
		
		<!-- Init JavaScript -->
		<script src="<?php echo ASSETS_PATH;?>dist/js/init.js"></script>
		<script>

			$(document).ready(function(){
				$('.refreshCaptcha').on('click', function(){
					$.getJSON('<?php echo base_url().'index.php/'.AUTHENTICATION_PATH.'refresh'; ?>', function(data) {
						 $('#captImg').html(data.image);
					}); 
				});
			});
			
		</script>
	</body>
</html>