<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Poly - Log In</title>
	
	<link href="template/default/assets/css/bootstrap.min.css" rel="stylesheet">
	<link href="template/default/assets/css/styles.css" rel="stylesheet">
	
	<!--[if lt IE 9]>
	<script src="template/default/assets/js/html5shiv.js"></script>
	<script src="template/default/assets/js/respond.min.js"></script>
	<![endif]-->
</head>
<body>
	<img class="admin-logo" src="../uploads/logo.png" title="Poly" alt="Poly">	
	<div class="row">
		<div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-4">
		<div class="login-panel panel panel-default">
		<div class="panel-heading">Poly - Log In</div>
		<div class="panel-body">
		<form role="form" action="login.php" method="post">
			<fieldset>
				<div class="form-group">
					<input class="form-control" placeholder="username" name="username" type="text" autofocus="">
				</div>
				<div class="form-group">
					<input class="form-control" placeholder="Password" name="password" type="password" value="">
				</div>
				<div class="checkbox pull-left">
					<label><input name="remember" type="checkbox" value="Remember Me">Remember Me</label>
				</div>
				<input type="submit" name="submit" value="Login" class="btn btn-paleutism pull-right" />
			</fieldset>
		</form>
		</div>
		</div>
		</div><!-- /.col-->
	</div><!-- /.row -->	
	

	{% if message == true %}
	<center>
	<p class="logged-out">
	<p>{{ message }}</p>
	</p>
	</center>
	{% endif %}
	{% if errors == true %}
	<center>
	<p class="logged-out">	
	<p>{{ errors }}</p>
	</p>
	</center>	
	{% endif %}

	<script src="template/default/assets/js/jquery-1.11.1.min.js"></script>
	<script src="template/default/assets/js/bootstrap.min.js"></script>
	<script>
		!function ($) {
			$(document).on("click","ul.nav li.parent > a > span.icon", function(){		  
				$(this).find('em:first').toggleClass("glyphicon-minus");	  
			}); 
			$(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
		}(window.jQuery);

		$(window).on('resize', function () {
		  if ($(window).width() > 768) $('#sidebar-collapse').collapse('show')
		})
		$(window).on('resize', function () {
		  if ($(window).width() <= 767) $('#sidebar-collapse').collapse('hide')
		})
	</script>	
</body>
</html>