<?php
session_start();
require('config.php');

?>
<!DOCTYPE html>
<html>
<head>
	<title>Painel de administrador</title>

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
	<div class="wrapper">
		<div class="container">
			<h1>Painel  <?=title?> </h1>
			
			<form class="form" action="valida.php" method="POST">
				<input type="text" name="login" placeholder="Usuario" required>
				<input type="password" name="pass" placeholder="Senha" required>
				<button type="submit" id="login-button">Conectar</button><br/>
				<?php
				if($errorLog != NULL){
				?>
				<span class="logError"><?=$errorLog?></span>
				<script> setTimeout(function(){
					$('.logError').fadeOut('slow').css('display','none');
				},5000);</script>
				<?php
				}

				?>
			</form>
		</div>
		
		<ul class="bg-bubbles">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
</body>
</html>
<script src="script.js"></script>
<?php
unset($_SESSION['errorLog']);
?>