{% extends "base.html" %}

{% block content %}
<div class="container-fluid mt-2">
  <h1>Login</h1>

  {% if error %}
  <div class="alert alert-danger" role="alert">
    {{ error }}
  </div>
  {% endif %}

  <form method="POST">
    <div class="mb-3">
      <label for="username" class="form-label">username</label>
      <input class="form-control" id="username" name="username" value="{{ request.form.username }}">
    </div>
    <div class="mb-3">
      <label for="password" class="form-label">Password</label>
      <input type="password" class="form-control" id="passwod" name="password">
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
  </form>

</div>
{% endblock %}