
<?php
include 'includes/display.php';
include 'includes/database.php';
echo  $htmlheaders;
echo '<link rel="stylesheet" href="css/login.css" type="text/css" />
	<!--check for form response-->
       <script src="js/jquery-1.9.1.js"></script>';
echo '<head><title>QOOLPOINT INFORMATION SYSTEM | Mombasa </title>';


?>
    


<script type='text/javascript'>
    
   
    function userSubmit1(){
    	var result=document.getElementById('username').value;
    	var result1=document.getElementById('password').value;
    	var element=document.getElementById('result');
    	if (result==='' || result1===''){
    		 element.innerHTML='<P><font color=white>Enter valid username/password</font>';
    		 element.style.background='#800';
    	    	element.style.color='white';
    	    	element.style.textAlign='center';
    	}
    	else{
            element.innerHTML='<P><font color=white>Confirm username: '+result+'</font>';
            element.style.backgroundColor='#800';
            element.style.color='white';
            element.style.textAlign='center';
            }
    	}
        </script>




</head>
<body>
<div id="form" autocomplete="off">
<form id="myForm" action="login.php" method="POST">
<center>
<h2><?php echo  $maroon.$logopath.'<p style="text-shadow: -1px 0 grey, 0 1px grey, 1px 0 grey, 0 -1px grey;letter-spacing:2px;">QOOLPOINT LTD <br/> QPL INFORMATION SYSTEM</p>'.$endmaroon;?></h2><hr/>
<img src="images/lock.png" /></img>

	<fieldset>
		<label>User Name: </label><input onKeyUp="userSubmit1()" type="text" name="username" class="effect" id="username">
	</fieldset>
</br>
	<fieldset>
		<label>Password: </label><input onKeyUp="userSubmit1()"  type="password" name="password" class="effect" id="password">
	</fieldset>


             <button id="submit">Login</button><BR>
</center>


		
	
</form>
    </div>
    <div id="ack"></div>



</body>
</html>
