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


<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>Beatle Analytics</h2>
		</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 Department ID" name="departmentId" 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="depSubmit" id="depSubmit" >Continue</button>
		</form>
	</div>
    
<?php 
	include('include/footer.php');
?>

<script>

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