{% extends "layout.html" %} {% block content %}
<h1 class="heading">Login</h1>
<form class="form" method="POST" action="{{ login_path }}">
  <div class="form__field">
    <label for="username" class="form__label">Username</label>
    <input
      class="form__text-field"
      type="text"
      name="username"
      required
      autofocus
    />
  </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">
    <p class="error__message">{{ error }}</p>
  </div>
  {% endif %}
  <div class="form__field">
    <input class="form__button" type="submit" value="Login" />
  </div>
</form>
{% endblock %}