{% extends 'base.html' %}

{% block title %}Login - KeepItGoing{% endblock %}

{% block auth_content %}
<div class="auth-card">
    <h1 class="auth-title">Login</h1>

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

    <form method="post">
        {% csrf_token %}
        <div class="form-group">
            <label class="form-label" for="email">Email</label>
            <input type="email" class="form-input" id="email" name="email" required autofocus>
        </div>
        <div class="form-group">
            <label class="form-label" for="password">Password</label>
            <input type="password" class="form-input" id="password" name="password" required>
        </div>
        <button type="submit" class="btn btn-primary btn-full">Login</button>
    </form>

    <p class="auth-footer">
        Don't have an account? <a href="{% url 'register' %}">Register</a>
    </p>
</div>
{% endblock %}