{% extends "base.html" %}

{% block body_class %}flex items-center justify-center min-h-screen bg-surface{% endblock %}

{% block body %}
<div class="card w-full max-w-sm">
    <div class="card-body">
        <h1 class="text-2xl font-bold text-center mb-6">ERPlora Dev</h1>

        {% if error %}
        <div class="callout color-error mb-4">{{ error }}</div>
        {% endif %}

        <form method="post">
            {% csrf_token %}
            <div class="form-group">
                <label class="form-label" for="pin">PIN</label>
                <input type="password" id="pin" name="pin" class="input" placeholder="Enter PIN" autofocus>
            </div>
            <button type="submit" class="btn color-primary w-full mt-4">Login</button>
        </form>

        <p class="text-center text-sm text-secondary mt-4">Default PIN: <strong>1234</strong></p>
    </div>
</div>
{% endblock %}