{% extends 'base.html.twig' %}

{% block title %}Set Up Two-Factor Authentication{% endblock %}

{% block body %}
<div style="max-width:500px;margin:4rem auto;font-family:sans-serif">
    <h1>Set Up Two-Factor Authentication</h1>
    <p>Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.):</p>
    {{ qr_code_image_data_uri(qr_code_url) }}
    <p>Or enter this secret manually: <code>{{ secret }}</code></p>
    <p>After scanning, verify your setup by logging in again.</p>
    <a href="{{ path('totp_manage') }}">Back</a>
</div>
{% endblock %}