{% extends "base.html" %}
{% block title %}Login — {{ L.app_title }}{% endblock %}
{% block content %}
<div class="login-wrap">
  <div class="login-card">
    <div class="logo">🐟</div>
    <h1>{{ L.login_title }} — {{ L.app_title }}</h1>
    {% with msgs = get_flashed_messages(with_categories=true) %}
      {% for cat, m in msgs %}<div class="flash {{ cat }}">{{ m }}</div>{% endfor %}
    {% endwith %}
    <form method="post" action="{{ url_for('login') }}">
      <label for="username">{{ L.username }}</label>
      <input type="text" id="username" name="username" autofocus required>
      <label for="password">{{ L.password }}</label>
      <input type="password" id="password" name="password" required>
      <button type="submit" class="btn">{{ L.btn_login }}</button>
    </form>
  </div>
</div>
{% endblock %}