{% extends 'base.html' %}

{% block title %}Login - Task Management System{% endblock %}

{% block content %}
<div class="login-container">
    <div class="login-card">
        <div class="text-center mb-4">
            <i class="bi bi-kanban-fill text-primary" style="font-size: 4rem;"></i>
            <h2 class="mt-3 mb-1">Task Manager</h2>
            <p class="text-muted">Sign in to your account</p>
        </div>

        <form method="post" novalidate>
            {% csrf_token %}
            
            <div class="mb-3">
                <label for="id_username" class="form-label">Username</label>
                {{ form.username }}
                {% if form.username.errors %}
                    <div class="text-danger small">
                        {{ form.username.errors|join:", " }}
                    </div>
                {% endif %}
            </div>
            
            <div class="mb-4">
                <label for="id_password" class="form-label">Password</label>
                {{ form.password }}
                {% if form.password.errors %}
                    <div class="text-danger small">
                        {{ form.password.errors|join:", " }}
                    </div>
                {% endif %}
            </div>
            
            <button type="submit" class="btn btn-primary w-100 mb-3">
                <i class="bi bi-box-arrow-in-right me-2"></i>Sign In
            </button>
        </form>
        
        <div class="text-center text-muted">
            <small>Task Management System v1.0</small>
        </div>
    </div>
</div>
{% endblock %}