<?php 
	include('include/header.php');
?>

	  
	  


 <div class="index-heder">
      <div class="container">
         <div class="row" style="margin-top:30px;">
            <div class="col-sm-12 textcenter">
                <img src="<?php echo base_url();?>assets/survey/assets/beatle_logo.png" style="width:25%">
            </div>
            <div class="col-sm-12 textcenter">
               <h2 class="headingtext">Welcome To <br>BARIS</h2>
            </div>
         </div>
      </div>
	 </div> 
	 
	 
	 
	<div class="col-sm-12 footerback textcenter">
		<form name="departmentLoginForm" id="departmentLoginForm" method="post" action="" class="ng-pristine ng-invalid ng-invalid-required" style="">
				<!--<label class="item item-input input-dept">
					<input placeholder="Enter Department ID" name="departmentId" id="departmentId" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required textboxlive" style="" type="text">
				</label> -->
                <br><br>
                <div id="mainlogin">
				  <label class="item item-input input-dept">
					<input autocomplete="off" type="text" placeholder="Enter Station ID" name="stationId" required class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required textboxlive" id="endusername" >
				  </label>
				</div>
				<br><br>
				<button class="button buttom-calm background-beatle beatle-button-1x" type="submit" onClick="javascript: return validateFrom();" name="stSubmit" id="stSubmit" >Continue</button>
		</form>
	</div>
  
<?php 
	include('include/footer.php');
?>

     
<script src="<?php echo base_url();?>assets/surveynew/css/bootstrap.min.js(1).download"></script>
<script>

	function validateFrom(){
		
		var un = document.getElementById('endusername');
		var error = 0;
		if(un.value.trim() == ""){
			
			un.placeholder = 'Enter Station ID (Require...)';
			un.style.border = '2px solid red';
			error = 1;
		}
			
		if(error == 1){
			return false;	
		}
	}
</script>


<style>
a.continue_btn button:hover {
    color: #fff !IMPORTANT;
}
a:focus, a:hover {
    color: #ffffff;
   
}
label.item.item-input.input-dept input {
   
    font-weight: 100;
}
.continue_btn {
    padding: 6px 19px;
}
.index-heder {
    background: #fff !important;
}

.index-heder {
    background: #FFFF;
}
body {
    background: #55cdd3;
}
</style>