{% extends "base.html" %}

{% block title %}Login - New Style{% endblock %}

{% block content %}
<div class="d-flex flex-column justify-content-center align-items-center" style="min-height: 60vh;">
    <h2 class="font-montserrat mb-4">LOGIN</h2>
    <div class="card bg-dark border-secondary w-100" style="max-width: 350px;">
        <div class="card-body p-4">
            <form method="post">
                {% csrf_token %}
                <div class="mb-3">
                    <label class="form-label text-muted small">Username</label>
                    <input type="text" name="username" class="form-control" required>
                </div>
                <div class="mb-4">
                    <label class="form-label text-muted small">Password</label>
                    <input type="password" name="password" class="form-control" required>
                </div>
                <button type="submit" class="btn-accent w-100 mb-3">ENTER</button>
            </form>
            <div class="text-center">
                <p class="small text-muted mb-0">Don't have an account?</p>
                <a href="{% url 'signup' %}" class="text-accent text-decoration-none small">SIGN UP</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}