{% extends 'base.html' %}
{% block main %}
<main id="center">
  <img src="/assets/img/logo.png" id="logo">
  {% if login_error == "InvalidCredentials" %}
  <div class="banner is-error">
    <p>Bad login/password</p>
  </div>
  {% elif login_error == "SessionInvalidated" %}
  <div class="banner is-success">
    <p>Logout successful</p>
  </div>
  {% endif %}
  <form method="POST" action="/login">
  	<div id="login-line">
  		<img src="/assets/img/user.svg">
  		<input type="text" name="username" id="username" placeholder="Username">
  	</div>
  	<div id="login-line">
  		<img src="/assets/img/password.svg">
  		<input type="password" name="password" id="password" placeholder="Password">
  	</div>
  	<div id="login-line">
  		<input type="submit" id="submit-login" value="LOG IN">
  	</div>
  </form>
</main>
{% endblock %}