{% extends "auth_base.html" %}
{% block title %}Login - The Weather Monitor{% endblock %}

{% block content %}
<section class="card">
  <h1>Login</h1>
  <div class="muted" style="margin-bottom:16px;">
    Sign in to access your account.
  </div>

  {% if error %}
  <div class="error">{{ error }}</div>
  {% endif %}

  <form method="post">
    <label for="username">Username</label>
    <input type="text" id="username" name="username" value="{{ username or '' }}" required>

    <label for="password">Password</label>
    <input type="password" id="password" name="password" required>

    <button type="submit">Login</button>
  </form>

  <div style="margin-top:16px;">
    <a href="/auth/forgot-password">Forgot password?</a>
  </div>
</section>
{% endblock %}