<?php 
include('buiapp/partials/header.php');
if (isset($_SESSION['staff_session'])){
  $username = $_SESSION['staff_session']  ;
  header('Location: dashboard.php');
}
else{
    
    
}



?>
<html style="background-image: url(&quot;assets/img/DSC_0933.JPG&quot;);background-size: cover;background-repeat: no-repeat;">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
	 <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <title>Bowen Login</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/Login-Box-En.css">
    <link rel="stylesheet" href="assets/css/styles.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<script src="bower_components/jquery/dist/jquery.min.js"></script>
	<script src="buiapp/login/login.js"></script>
	

</head>

<body style="background-color: rgba(255,255,255,0);">
    <div class="d-flex flex-column justify-content-center" id="login-box" style="width: 400px;background-color: rgba(255,255,255,0.8);">
        <div class="text-center" style="margin-top: 10px;margin-bottom: 10px;"><img src="assets/img/new%20bowen%20logo.png" width="25%"></div>
        <div class="d-flex flex-row align-items-center login-box-seperator-container">
            <div class="login-box-seperator"></div>
            <div class="login-box-seperator-text">
                <p style="margin-bottom: 0px;padding-left: 10px;padding-right: 10px;font-weight: bold;color: rgb(0,128,204);font-style: normal;">Login</p>
            </div>
            <div class="login-box-seperator"></div>
        </div>
		   
		  
        <div class="email-login" style="background-color: rgba(255,255,255,0.8);">
		 <div class="alert alert-danger" role="alert" id="error" style="display: none;">...</div>
		
		<input type="text" data-toggle="tooltip"  id="username" data-bs-tooltip="" data-placement="bottom" class="email-imput form-control" style="margin-top: 10px;font-size: 14px;" placeholder="Staff ID" title="Enter Matric No. or Staff ID">
		
		<input type="password"
                data-toggle="tooltip" data-bs-tooltip="" id="password" class="password-input form-control" style="margin-top: 10px;font-size: 14px;" required="" placeholder="Password" minlength="6" title="Enter Correct Password" >
        
		 <div class="form-check form-check-inline" id="form-check-rememberMe"><input onclick="myFunction()" class="form-check-input" type="checkbox" id="formCheck-1" for="remember" style="cursor:pointer;" name="check"><label class="form-check-label" for="formCheck-1"><span class="label-text" style="font-size: 14px;">Show Password</span></label></div>
				</div>
        <div class="submit-row" style="margin-bottom:8px;padding-top:0px;"><button class="btn btn-primary btn-block box-shadow" id="submit-id-submit" onclick="logincheck()" style="background-color: #0080cc;">Sign In</button>
            <div class="d-flex justify-content-between">
                <div class="form-check form-check-inline" id="form-check-rememberMe"><input class="form-check-input" type="checkbox" id="formCheck-1" for="remember" style="cursor:pointer;" name="check"><label class="form-check-label" for="formCheck-1"><span class="label-text" style="font-size: 14px;">Remember Me</span></label></div>
                <a
                    id="forgot-password-link" style="color: #ce1126;font-size: 14px;" href="#">Forgot Password?</a><a id="forgot-password-link" style="color: #0c7bc2;font-size: 14px;" href="#">Complain?</a></div>
        </div>
       <small class="form-text text-center text-muted" style="margin-bottom: 5px;">© Bowen University - Directorate of Digital Services</small></div>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/bs-init.js"></script>
</body>

</html>