KeepItGoingServer/templates/users/register.html

{% extends 'base.html' %}

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

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

    {% if errors %}
    <div class="alert alert-error">
        {% for field, error in errors.items %}
        <p>{{ error }}</p>
        {% endfor %}
    </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="username">Username</label>
            <input type="text" class="form-input" id="username" name="username" required>
        </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>
        <div class="form-group">
            <label class="form-label" for="password_confirm">Confirm Password</label>
            <input type="password" class="form-input" id="password_confirm" name="password_confirm" required>
        </div>
        <button type="submit" class="btn btn-primary btn-full">Register</button>
    </form>

    <p class="auth-footer">
        Already have an account? <a href="{% url 'login' %}">Login</a>
    </p>
</div>
{% endblock %}