<!--  -->
<!DOCTYPE html>

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta http-equiv="cache-control" content="max-age=0">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT">
		<meta http-equiv="pragma" content="no-cache">
		<!--<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />-->
		<!--change by sunita 18122013 for IE11-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- end of code-->
		<title>Nityam Hygiene - Refill Management System</title>

		<meta name="description" content="overview &amp; stats">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="<?php echo ASSETS_PATH;?>css/jquery-ui.css">
     
		<link rel="stylesheet" href="<?php echo ASSETS_PATH;?>css/bootstrap.min.css">
		<link rel="stylesheet" href="<?php echo ASSETS_PATH;?>css/font-awesome.css">
		<link rel="stylesheet" href="<?php echo ASSETS_PATH;?>css/font-awesome.min.css">
        <link rel="stylesheet" href="<?php echo ASSETS_PATH;?>css/jquery-ui-1.10.3.full.min.css">
        <link rel="stylesheet" href="<?php echo ASSETS_PATH;?>css/jquery-ui-1.10.3.custom.min.css">
		<link rel="stylesheet" href="<?php echo ASSETS_PATH;?>css/ace.min.css">
		<link rel="stylesheet" href="<?php echo ASSETS_PATH;?>css/ace-rtl.min.css">
		<link rel="stylesheet" href="<?php echo ASSETS_PATH;?>css/ace-skins.min.css">
		
		<!--[if IE 7]>
		  <link rel="stylesheet" href="<?php echo ASSETS_PATH;?>css/font-awesome-ie7.min.css" />
		<![endif]-->

		

		<!--[if lte IE 8]>
			<link rel="stylesheet" href="<?php echo ASSETS_PATH;?>css/ace-ie.min.css" />
		<![endif]-->
	

		<!--[if lt IE 9]>
			<script src="<?php echo ASSETS_PATH;?>js/html5shiv.js"></script>
			<script src="<?php echo ASSETS_PATH;?>js/respond.min.js"></script>
            
		<![endif]-->
		
		<!--[if lte IE 8]>
		  <script src="<?php echo ASSETS_PATH;?>js/excanvas.min.js"></script>
		<![endif]-->

		
		
		
		
	<!-- <script src="<?php echo ASSETS_PATH;?>js/jquery.min.js"></script>
	 -->
	 <script src="<?php echo ASSETS_PATH;?>js/jquery-1.10.0.min.js"></script> 
	 <script src="<?php echo ASSETS_PATH;?>js/jquery.min.js"></script>  
	 <script src="<?php echo ASSETS_PATH;?>js/jquery-ui.js"></script> 
		
	</head>
		
	<body class="login-layout">
	
		<div class="main-container clearfix">
			<div class="main-content">
				<div>
					<div class="col-sm-10 col-sm-offset-1">
						<div class="login-container">
							<div class="center">
								<h1 class="text-center">
														
								
										<img src="<?php echo ASSETS_PATH;?>images/logohygiene.jpg" alt="logo">
									
								</h1>
								
							</div>

							<div class="space-6"></div>

							<div class="position-relative">
								<div id="login-box" class="login-box visible widget-box no-border">
									<div class="widget-body">
										<div class="widget-main">
											<h4 class="header purple lighter bigger">Login</h4>
											<center><div></div></center>
											<div id="messages" style="color:green;"><h5><?php echo $this->session->flashdata('message'); ?></h5></div>
											<div class="space-6"></div>
												<form onsubmit="return validateForm()" action="<?php echo base_url();?>index.php/Authentication/verification" method="post" accept-charset="utf-8">


												<fieldset>
													<label style="color: red;">														
																																																																						
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">												
															<input type="text" class="form-control" id="login" size="30" onkeypress="return RestrictSpace()" maxlength="80" value="" name="login" placeholder="Username">												
															<i class="icon-user"></i>
														</span>
														<span id="username1" class="text-danger font-weight-bold"></span> 
													</label>

													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
														<input type="password" size="30" id="password" class="form-control" onkeypress="return RestrictSpace()" value="" name="password" placeholder="Password">
														<i class="icon-lock"></i>
														</span>
														<span id="passwords1" class="text-danger font-weight-bold"></span> 
													</label>

													<div class="space"></div>

													<div class="clearfix">
														<label class="inline">
															<input type="checkbox" class="ace" name="remember" value="1">
															<span class="lbl" style="color: black;"> Remember Me</span>
														</label>
														
														<!--		
														<button type="button" class="width-35 pull-right btn btn-sm btn-primary">
															<i class="icon-key"></i>
															<input type="submit" name="submit" value="Login	"  />														</button>-->
														
				<button class="pull-right btn btn-sm btn-warning" type="submit" name="submit">
															<i class="fa fa-key"></i> Login
														</button>

													</div>

													<div class="space-4"></div>
												</fieldset>
								
												</form>									
										</div>
										<!-- /widget-main -->
									
										<div class="toolbar clearfix">
											<div>
												<a href="<?php echo base_url();?>index.php/authentication/forgot_password" class="user-signup-link">Forgot password</a>											
											</div>
										
										</div>
										
										
									</div><!-- /widget-body -->
								</div><!-- /login-box -->
							</div><!-- /position-relative -->
						</div>
					</div><!-- /.col -->
				</div><!-- /.row -->
			</div>
		</div>
        <div style="clear:both;"></div>
       
        
        <!-- /.main-container -->

		
		
<!-- 	<script>
				$('document').ready(function(){
						 $('a').on("click", function (e) {
						 var rel = $(this).attr('rel');
						 //if(rel=='undefined'){
						 if($(this).attr('rel')){
							
							window.location.replace(rel);
						 }else{
						  e.preventDefault();
						 } 
						
						
						});
					});
	</script>  -->
<script>
  $(document).ready(function(){
    $('#empty').hide();
    $('#empty1').hide();
});
</script>
<script>
function RestrictSpace() {
    if (event.keyCode == 32) {
        return false;
    }
}
</script>

  <script type="text/javascript">
		

		function validateForm(){

			// var username = document.getElementById('login').value;
			// var password = document.getElementById('password').value;


			// if(username == ""){
			// 	document.getElementById('username1').innerHTML =" ** Please fill the username field";
			// 	return false;
			// }else{
			// 	document.getElementById('username1').innerHTML ="";
			// }
			
			// if(password == ""){
			// 	document.getElementById('passwords1').innerHTML =" ** Please fill the password field";
			// 	return false;
			// }else{
			// 	document.getElementById('passwords1').innerHTML ="";
			// }
			
			// if(username.indexOf('@') <= 0 ){
			// 	document.getElementById('username1').innerHTML =" ** Invalid email format";
			// 	return false;
			// }else{
			// 	document.getElementById('username1').innerHTML ="";
			// }

			// if((username.charAt(username.length-4)!='.') && (username.charAt(username.length-3)!='.')){
			// 	document.getElementById('username1').innerHTML =" ** Invalid email format";
			// 	return false;
			// }else{
			// 	document.getElementById('username1').innerHTML ="";
			// }


  var error=false;  
  var username=$("#login").val();  
  if(username=='')
  {
    $("#username1").html("Please Enter Username");
    error=true; 
  }
  else if(username.indexOf('@') <= 0 ){
 	$("#username1").html("Please Enter Valid Username");
    error=true; 
    
  }else if((username.charAt(username.length-4)!='.') && (username.charAt(username.length-3)!='.')){
	$("#username1").html("Please Enter Valid Username");
    error=true; 
  }
  else{
  	$('#username1').html("");
  }
  
  var password=$("#password").val();  
  if(password=='')
  {
    $("#passwords1").html("Please Enter Password");
    error=true; 
  }
  else
  {
    $('#passwords1').html("");
      
  }



  if(error==true)
  {
    return false;
  }
  else
  {
    return true;
  }



		}


	</script>






<!--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->



<!-- design start here -->

<!-- design end here -->

</body>

</html>