<?php
/*session_start();
if(isset($_SESSION['LOGIN_USER'])){
      echo '<script type="text/javascript">location.href="./dashboard"</script>';
 }*/
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>BWDB Ground Water Login </title>

    <!-- Bootstrap -->
	<link rel="icon" href="assets/img/favicon.ico" type="image/png" />
    <link href="css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/jquery.bxslider.css">
	<link rel="stylesheet" type="text/css" href="login/css/isotope.css" media="screen" />	
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
	<link href="css/prettyPhoto.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">	
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
 <style>
 .for_pass a{
 color:green;
 }
  .for_pass a:hover{
 color:#076394;
 }
 
  b{
 color:#430773;
 font-size:12px;
 }
 </style>
  </head>
  <body >
  <div style="margin-top:25px; position:absolute; z-index:9999;">
  
  <!--<img src="login/images/logo_l.png" style="margin-top:-20px;opacity:0.8;" width="189" height="180">-->
  
  
  <!--<h1><span>M</span>ulti</h1>-->
  
  </div>
	<?php /*?><header>		
		<nav class="navbar navbar-default navbar-static-top" role="navigation" >
			<div class="navigation" style="border:none;">
				<div class="container" >					
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse.collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<div class="navbar-brand">
							<a href="index.html"><img src="images/logo_l.png" style="margin-top:-20px;"><!--<h1><span>M</span>ulti</h1>--></a>
						</div>
					</div>
					
					<div class="navbar-collapse collapse">							
						<div class="menu"  style="padding-bottom:30px; color:green; font-size:24px; margin-top:20px; font-family:Segoe Print">
                      <!-- <span> Management System</span>-->
							<!--<ul class="nav nav-tabs" role="tablist">
								<li role="presentation"><a href="login.php" class="active">SCHOOL MANAGMENT SYSTEM</a></li>
												
							</ul>-->
						</div>
					</div>						
				</div>
			</div>	
		</nav>		
	</header><?php */?>
	
  <div class="container" >
    
      <div class="col-md-12" style="text-align:left;">
      <div style="height:120px;">
			<h1 style="color: #09a3da; text-align: center;">বাংলাদেশ পানি উন্নয়ন বোর্ড</h1>
      </div>
      </div>
  </div>
    <div class="container" >
    	
        
      
      <div class="col-md-6" style="text-align:right;">
		<div class="text-center">
        <a href="bwdb.gov.bd"><img src="../login/images/Bangladesh-Water-Development-Board.jpg" style="width: 500px; height: 350px;" align="top"></a>
		
<br />
        <span style="color:#09a3da; font-size:18px; font-weight:900; font-family:Arial, Helvetica, sans-serif;"></span>
        </div>      
      
      </div>     
       <div class="col-md-5" style="border-left:1px solid #CCCCCC;">

            
				
                <div class="col-md-10" >
				
                 <div class="text-center">
                 <h3 style="color:#09a3da;"> Sign In </h3>     
                 </div>
                 <br />
                 <br />
                <h4 style="color:#000000; font-size:14px;">User Name: </h4>     
                    <div class="text-center">
                        
                        <div class="wow bounceInDown" data-wow-offset="0" data-wow-delay="0.6s">
                            
                                <div class="form-group">
                                <input type="text" class="form-control"  id="user_name" name="user_name" placeholder="Username Here" >
                                <span style="color:#09a3da; font-weight:bold; font-size:11px; float:right;" class="for_pass"><a href="" style="color:#09a3da;">Forgot Username?</a></span>
                                </div>
                           
                        </div>
						
                    </div>
                    
                    <h4 style="color:#000000;font-size:14px;">Password: </h4>    
                    <div class="text-center">
                        
                        <div class="wow bounceInDown" data-wow-offset="0" data-wow-delay="0.6s">
                            
                                <div class="form-group">
                                <input type="password" class="form-control" id="password" name="password" placeholder="Password Here" >
                                <span style="color:#ee0000; font-weight:bold; font-size:11px; float:right;" class="for_pass">Please note password incase of sensitive | <a href="" style="color:#09a3da;">
Forgot Password?</a></span>
                                </div>
                           
                        </div>
                    </div>
                    <div class="text-center">
                        
                        <div class="wow bounceInDown" data-wow-offset="0" data-wow-delay="0.6s">
                            
                                <div class="form-group ">
                                    <button type="submit" name="submit" onClick="return false;" id="sign_in_button" class="btn btn-primary btn-lg col-md-12" required="required">Sign In </button>
                                </div>
                           
                        </div>
                    </div><span style="color:#ee0000; font-weight:bold; font-size:11px; float:right;" class="for_pass"><a href="" style="color:#09a3da;">Need Help?</a></span>
                    
                </div>
				
		</div>
        
<div class="col-md-1" style="text-align:center; vertical-align:middle;">

       
      </div>		
        
        
     
        
     </div>

<br/>

     
	
	<footer>
    
		
			<div class="container">
				<div class="row" >
                <br />
                    <br />
                <div class="col-md-12" style="padding:0px; border-top:1px solid #CCCCCC;">
					
                    <div class="col-md-6" style="padding-top: 30px; font-size: 18px !important;">
						<span style="color:#09a3da; font-family:Arial, Helvetica, sans-serif; font-weight:600;margin-top: 50px;">Initiated By:</span> <a href="#" style="color: #000;">Bangladesh Water Development Board</a>
					</div>
                    <div class="col-md-6" align="right">
						
					</div>
                    
				</div>
				
			</div>
		</div>
	</footer>
   
	
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->	
    <script src="js/jquery-2.1.1.min.js"></script>	
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/fancybox/jquery.fancybox.pack.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.bxslider.min.js"></script>
	<script src="js/jquery.prettyPhoto.js"></script>
	<script src="js/jquery.isotope.min.js"></script> 
	<script src="js/functions.js"></script>
	<script>
	wow = new WOW(
	 {
	
		}	) 
		.init();
		
		
		$(document).ready(function(){
				 
							$("#user_name").focus();
							$("#user_name").keypress(function(ex){
								if(ex.which == 13) {
									var username = $("#user_name").val();
									if(username=="") {
										alert("Enter username");
										$("#user_name").focus();
										return false;
									}else{
										$("#password").focus();
									}
								}
							});
				  
							$("#password").keypress(function(ex){
								if(ex.which == 13) {
									var password = $("#password").val();
									if(password=="") {
										alert("Enter password");
										$("#password").focus();
										return false;
									}else{
										$("#sign_in_button").focus();
									}
								}
							});
				  
							$("#sign_in_button").click(function(){
								var username = $("#user_name").val();
								var password = $("#password").val();
								var dataStr = "username="+username+"&password="+password;
								
								if(username=="") {
									alert("Enter username");
									$("#user_name").focus();
									return false;
								}
								else  if(password=="") 
								{
									alert("Enter password");
									$("#password").focus();
									return false;
								}
								else
								{
									$.ajax({
										type:"post" ,
									   //	url:"login_check.php" ,
									   url:"login_check.php" ,
										data:dataStr ,
										cache:false ,
										success:function(st){					      
											//alert(st);
											if(st==1) {
												//location.href = "./";
												location.href = "./branches.php";
											}else{
												alert("Please check your username or password");
												$("#password").focus();
											}
										}
									});	
								}
							});		  
						});	
	</script>
	
  </body>
</html>