{% extends 'base.html' %}

{% block title %}QueryCraft Web - Mode enseignant{% endblock %}

{% block header_title %}🔑 Mode enseignant{% endblock %}

{% block header_subtitle %}Instance : {{ 'démo' if tenant_code == 'demo' else tenant_code }}{% endblock %}

{% block content %}
    <div class="content">
        <div class="section" style="max-width:420px;margin:0 auto;text-align:center;">
            <p>Saisissez votre code enseignant pour accéder aux outils de configuration
                et de gestion des exercices de cette instance.</p>

            {% if error %}
            <div class="alert error" style="display:block;">
                ❌ Code incorrect. Veuillez réessayer.
            </div>
            {% endif %}

            <form method="POST" action="{{ base_path }}/admin/login">
                <div class="form-group">
                    <input type="password" name="code" inputmode="numeric" pattern="\d{6}"
                           maxlength="6" placeholder="Code à 6 chiffres" required autofocus
                           class="form-control" style="text-align:center;letter-spacing:0.3em;font-size:1.2em;">
                </div>
                <button type="submit" class="btn btn-primary">🔓 Déverrouiller</button>
                <a href="{{ base_path }}/" class="btn btn-secondary">↩ Retour</a>
            </form>
        </div>
    </div>
{% endblock %}