{% extends "base.html" %}

{% block title %}Login{% endblock %}

{% block content %}
<div class="max-w-md mx-auto bg-white p-8 rounded shadow-md">
    <h1 class="text-2xl font-bold mb-4">Login</h1>
    <form method="POST" action="{{ url_for('auth.login') }}">
        {{ form.hidden_tag() }}
        <div class="mb-4">
            {{ form.username.label(class="block text-gray-700 mb-1") }}
            {{ form.username(class="w-full px-3 py-2 border rounded") }}
            {% if form.username.errors %}
                <p class="text-red-600 text-sm">{{ form.username.errors[0] }}</p>
            {% endif %}
        </div>
        <div class="mb-4">
            {{ form.password.label(class="block text-gray-700 mb-1") }}
            {{ form.password(class="w-full px-3 py-2 border rounded") }}
            {% if form.password.errors %}
                <p class="text-red-600 text-sm">{{ form.password.errors[0] }}</p>
            {% endif %}
        </div>
        <div class="mb-4">
            {{ form.submit(class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700") }}
        </div>
    </form>
</div>
{% endblock %}