{% extends "base.html" %}
{% block title %}Login — Task 1{% endblock %}

{% block content %}
<div class="card card-narrow">
  <h2>Welcome Back</h2>
  <p class="subtitle">Sign in to access your dashboard</p>

  <form method="POST" action="/login" id="login-form">
    <div class="form-group">
      <label for="email">Email</label>
      <input type="email" id="email" name="email" placeholder="you@example.com" required>
    </div>

    <div class="form-group">
      <label for="password">Password</label>
      <input type="password" id="password" name="password" placeholder="••••••••" required>
    </div>

    <button type="submit" class="btn btn-primary" style="width:100%; margin-top:.5rem;">Log In</button>
  </form>

  <p class="form-footer">Don't have an account? <a href="/signup">Sign up</a></p>
</div>
{% endblock %}