{% extends "base.html" %}
{% block title %}Set up two-factor authentication - MCP{% endblock %}
{% block content %}
<h1>Set up two-factor authentication</h1>
<div class="card">
  {% if !error.is_empty() %}<p class="error">{{ error }}</p>{% endif %}
  <p>Add this secret to your authenticator app, then enter the 6-digit code it shows to finish.</p>
  <p>Secret: <code>{{ secret_base32 }}</code></p>
  <p class="muted">Or open this enrolment link on the device running the app:</p>
  <p><code>{{ otpauth_uri }}</code></p>
  <form method="post" action="/totp/enrol">
    <p><label>Code from your app<br><input type="text" name="code" inputmode="numeric" autocomplete="one-time-code" required></label></p>
    <p><button class="primary" type="submit">Confirm</button></p>
  </form>
  <p class="muted"><a href="/login">Skip for now</a>. You can set this up later.</p>
</div>
{% endblock %}