<?php
require_once("includes/php/defines.php");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title><?php echo COMPANY_NAME; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style-2.css" type="text/css">
<link rel="stylesheet" href="css/admin.css" type="text/css">
<link rel="stylesheet" href="css/progress-animation.css" type="text/css">
</head>
<body>
<header>
	<div class="i-menu-bar">
		<div class="container">
			<div class="col-md-12">
				<div class="col-md-3 logo">
					<a href="index.php"><img src="images/webduck-logo.png" alt="Logo" style="height:60px;"></a>
				</div>
			</div>
		</div>
	</div>
</header>
<div>
<!-- content area for admin panel functionality -->
<section style="margin-top:60px; border-top:solid 20px #000;">
	<div class="container-fluid">
		<div class="container">
			<div class="col-md-12 result-heading">
				<div class="rh-form">                     
					<h1><?php echo COMPANY_NAME; ?> Admin Panel Login</h1>                    
					<form class="a-r-form" id="Admin_Form">&nbsp;
                                            <div id="Animation">
                                                <div class="blockG" id="rotateG_01"></div>
                                                <div class="blockG" id="rotateG_02"></div>
                                                <div class="blockG" id="rotateG_03"></div>
                                                <div class="blockG" id="rotateG_04"></div>
                                                <div class="blockG" id="rotateG_05"></div>
                                                <div class="blockG" id="rotateG_06"></div>
                                                <div class="blockG" id="rotateG_07"></div>
                                                <div class="blockG" id="rotateG_08"></div>                                            
                                            </div>
                                            <div id="Result"></div>                        
						<div class="form-group">
							<label>Email Address</label>
							<input type="text" class="col-md-12" id="Email" name="Email">
						</div>
						<div class="form-group">
							<label>Password</label>
							<input type="password" class="col-md-12" id="Password" name="Password">
						</div>                        
						<div class="form-group" id="Submit_Paragraph">
							<input type="button" value="submit" onclick="processForm('Login','No_Clear');">
						</div>
              <p>Forgot Your Password? <a href="password-reset.php" title="Reset Your Password">CLICK HERE</a> to reset your password.</p>
					</form>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- end content area for admin panel functionality --> 
</div>
<footer class="a-footer">
	<div class="container-fluid">
		Copyright <?php echo date("Y",time()); ?>
	</div>
</footer>
<script src="js/jquery-2.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="includes/ajax/form_processor.js" async='async'></script>
<script type="text/javascript" src="includes/ajax/clear_form.js" async='async'></script>
<script type="text/javascript" src="includes/ajax/process_ender.js" async='async'></script>
</body>
</html>
<script>
addEventListener("keyup", function(event) {
    if (event.keyCode === 13) {
        event.preventDefault();
        processForm('Login','No_Clear');
    }
});
</script>