{% extends 'django_site_documentation/base.html' %}
{% load static %}

{% block title %}Login - {{ doc_title }}{% endblock %}

{% block content %}
<div class="doc-login">
    <h1>Login</h1>
    <form method="post" class="doc-login-form">
        {% csrf_token %}
        <div class="doc-login-field">
            <label for="id_username">Username</label>
            <input type="text" name="username" id="id_username" class="doc-login-input" autocomplete="username" required>
        </div>
        <div class="doc-login-field">
            <label for="id_password">Password</label>
            <input type="password" name="password" id="id_password" class="doc-login-input" autocomplete="current-password" required>
        </div>
        {% if form.errors %}
        <div class="doc-login-error">
            Invalid username or password. Please try again.
        </div>
        {% endif %}
        <input type="hidden" name="next" value="{{ request.GET.next }}">
        <button type="submit" class="doc-btn">Login</button>
    </form>
</div>
{% endblock %}