{% extends 'base.html' %}

{% block title %}Login - Sistema de Comandas{% endblock %}

{% block content %}
<div class="card" style="max-width: 400px; margin: 50px auto;">
    <h2 class="text-center">Login</h2>
    
    <form method="post">
        {% csrf_token %}
        
        <div class="form-group">
            <label for="id_username">Usuário:</label>
            <input type="text" name="username" id="id_username" required>
        </div>
        
        <div class="form-group">
            <label for="id_password">Senha:</label>
            <input type="password" name="password" id="id_password" required>
        </div>
        
        <div class="form-group text-center">
            <button type="submit" class="btn">Entrar</button>
        </div>
        
        {% if form.errors %}
            <div class="alert alert-error">
                Usuário ou senha incorretos.
            </div>
        {% endif %}
    </form>
</div>
{% endblock %}