{% extends "layout.html" %} {% block content %}
<h1 class="heading">Login</h1>
<form class="form" method="POST" action="/login">
  <div class="form__field">
    <label for="username" class="form__label">Username</label>
    <input class="form__text-field" type="text" name="username" required />
  </div>
  <div class="form__field">
    <label for="password" class="form__label">Password</label>
    <input class="form__text-field" type="password" name="password" required />
  </div>
  {% if error %}
    <div class="error">
      <h1 class="error__heading">Error:</h1>
      <p class="error__message">{{ error }}</p>
    </div>
  {% endif %}
  <div class="form__field">
    <input class="form__button" type="submit" value="Login" />
  </div>
</form>
{% endblock %}