{% extends "base.html" %} {% block title %}Login{% endblock %} {% block content
%}
<div class="container">
  <h1>Login</h1>
  {% if errors %}
  <div class="alert alert-error">
    <ul>
      {% for error in errors %}
      <li>{{ error }}</li>
      {% endfor %}
    </ul>
  </div>
  {% endif %}
  <form id="login-form" method="post" action="{{ form_action }}">
    <div class="form-group">
      <label for="username">Username:</label>
      <input
        type="text"
        id="username"
        name="username"
        value="{{ username | default('') }}"
        required
      />
    </div>
    <div class="form-group">
      <label for="password">Password:</label>
      <input type="password" id="password" name="password" required />
    </div>
  <button type="submit" class="btn btn--primary">Login</button>
  </form>
  <p>Don't have an account? <a href="/register">Register here</a></p>
  <p><a href="/forgot-password">Forgot password?</a></p>
</div>
{% endblock %}
