{% extends "users/base.html" %}
{% block content %}
    <div class="login-box">
        <div class="heading">
            <p>MusicList Registration</p>
        </div>
        <div class="form">
            {% if error %}
                <div class="error">
                    <p>{{ error }}</p>
                </div>
            {% endif %}
            <form method="POST" action="{% url 'auth:register' %}">
                {% csrf_token %}
                <input type="hidden" name="next" value="{{ next }}">

                <label for="username">Usuario:</label>
                <input type="text" name="username" id="username" {% if old.username %} value="{{ old.username }}" {% endif%} required>

                <label for="email">Email:</label>
                <input type="email" name="email" id="email" {% if old.email %} value="{{ old.email}}" {% endif%}required>

                <label for="password">Contraseña:</label>
                <input type="password" name="password" id="password" required>

                <label for="password_confirm">Confirme Contraseña:</label>
                <input type="password" name="password_confirm" id="password_confirm" required>

                <button class="submit" type="submit">Entrar</button>
            </form>
        </div>
    </div>
{% endblock %}