<?php ob_start(); ob_flush(); session_start();
spl_autoload_register('splAutoLoader');

function splAutoLoader($className){
	$path="../panel/assets/classes/"; //path to classes folder
	$extensation = ".classes.php"; //file extensation for the files in classes folder
	$fullpath = $path.$className.$extensation;

	if (!file_exists($fullpath)) {
		return false;
	}

	include_once $fullpath;

}
include_once "../panel/assets/includes/functions.includes.php";
?>
<!DOCTYPE html>
<html lang="en">

<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Login</title>
<meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport' />

<link rel="icon" href="../../includes/images/logo.png" type="image/x-icon" />

<script src="../panel/assets/js/plugin/webfont/webfont.min.js"></script>


<link rel="stylesheet" href="../panel/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../panel/assets/css/indexial.css">


<style type="text/css">
	html { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{ 
  background: url("../../includes/images/hero-bg-3-2.png") !important;
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;; 

     
  
}
</style>
</head>
<body class="login">
<div class="wrapper wrapper-login">
		<div class="container container-login animated fadeIn">
			<form method="POST" action="">

			<div class="row" style="margin: auto; width: 50%;">
                <img src="../../includes/images/logo.png" style="width: 100%; ">
            </div>

<br>
			<h3 class="text-center">Sign In </h3>
			<div class="login-form">

				<div id="errorsms" style="display: none;" class="alert alert-warning alert-dismissible fade show" role="alert">
								<strong>Error Could Not Login!</strong> <span id="sms">username Not Found</span>
								<button type="button" class="close" data-dismiss="alert" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
				<div class="form-group">
					<label for="username" class="placeholder"><b>Username</b></label>
					<input id="username" name="username" type="text" placeholder="Enter Username or Email" class="form-control" required>
				</div>
				<div class="form-group">
				<label for="password" class="placeholder"><b>Password</b></label>
				
				<div class="position-relative">
					<input id="password" name="password" type="password" class="form-control" required placeholder="Enter Password">
					<div class="show-password">
						<i class="icon-eye"></i>
					</div>
				</div>
				</div>
				<div class="form-group form-action-d-flex mb-3">
					<div class="custom-control custom-checkbox">
						<input type="checkbox" class="custom-control-input" id="rememberme">
						<label class="custom-control-label m-0" for="rememberme">Remember Me</label>
					</div>

					<input type="submit" name="submitLogin" class="btn btn-primary col-md-5 float-right mt-3 mt-sm-0 fw-bold" value="Sign In">
				</div>
				<div class="login-account">
					<span class="msg">forgot Password ?</span>
					<a href="#" id="show-signup" class="link"> Resset</a>
				</div>
			</div>
			</form>
		</div>





		<div class="container container-signup animated fadeIn">

			<div class="row" style="margin: auto; width: 50%;">
                <img src="../../includes/images/logo.png" style="width: 100%; ">
            </div>

            <br>
			<h3 class="text-center">Password Resset</h3>
			<form method="POST" action="">
			<div class="login-form">
					
				<div class="form-group">
					<label for="email" class="placeholder"><b>Email</b></label>
					<input id="email" name="email" type="email" class="form-control" placeholder="Enter your Email" required>
				</div>

				
					
					<div class="row form-action">
						<div class="col-md-4 col-lg-4">
							<a href="#" id="show-signin" class="btn btn-danger btn-link w-100 fw-bold">Cancel</a>
						</div>
						<div class="col-md-8 col-lg-8">
							<input type="submit" name="submitLogin" class="btn btn-primary w-100 fw-bold" value="Reqeust Resset Code">
						</div>
					</div>
			</div>
			</form>
		</div>
</div>
<script src="../panel/assets/js/core/jquery.3.2.1.min.js"></script>
<script src="../panel/assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
<script src="../panel/assets/js/core/popper.min.js"></script>
<script src="../panel/assets/js/core/bootstrap.min.js"></script>
<script src="../panel/assets/js/indexial.min.js"></script>
</body>
</html>

<?php include_once "login.handlers.php"; ?>

