{% extends "base.html" %}
{% block title %}Activer la double authentification — Forge Engine{% endblock %}
{% block body_class %}authBody{% endblock %}
{% block content %}
<section class="section authScreen">
  <div class="container authCard authCard-wide">
    <h1 class="title authTitle forge-gradient-title">Active la double authentification</h1>
    <p class="hint mb-4">Scanne ce QR code avec une application d'authentification (Google Authenticator, Authy...), puis tape le code à 6 chiffres qu'elle affiche pour confirmer.</p>

    {% if error %}
    <div class="notification is-danger">{{ error }}</div>
    {% endif %}

    <div class="totpQrWrap">{{ qr_svg|safe }}</div>
    <p class="hint">Impossible de scanner ? Saisis cette clé manuellement dans l'application : <code>{{ secret }}</code></p>

    <form method="post" action="{{ url_for('register_2fa') }}" class="mt-4">
      <div class="field">
        <label class="label">Code à 6 chiffres</label>
        <div class="control"><input class="input" type="text" name="code" inputmode="numeric" pattern="[0-9]*" maxlength="6" autocomplete="one-time-code" required autofocus></div>
      </div>
      <div class="field">
        <button type="submit" class="button primary is-fullwidth">Confirmer et activer mon compte</button>
      </div>
    </form>
  </div>
</section>
{% endblock %}