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

                <label for="username">Usuario:</label>
                <input type="text" name="username" id="username" required>

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

                <button class="submit" type="submit">Entrar</button>
            </form>
            <a href="{% url 'auth:register' %}?next={{ next|urlencode }}">¿No tienes cuenta?</a>
        </div>
    </div>

{% endblock %}