{% extends "base.html" %}
{% block title %}Bind · motp-admin portal{% endblock %}
{% block body %}
<div class="card">
  <h2>Bind a new authenticator</h2>
  {% if error %}<div class="alert err">{{ error }}</div>{% endif %}
  <form method="post" action="{{ url_for('bind') }}">
    <label for="username">Username (UPN preferred)</label>
    <input id="username" name="username" type="text" required autofocus
           placeholder="alice@example.com" value="{{ username or '' }}">
    <label for="display_name">Display name</label>
    <input id="display_name" name="display_name" type="text"
           placeholder="Alice" value="{{ display_name or '' }}">
    <label for="email">Email (optional)</label>
    <input id="email" name="email" type="email"
           placeholder="alice@example.com" value="{{ email or '' }}">
    <button type="submit">Generate QR code</button>
  </form>
  <p class="meta" style="margin-top:18px">
    After submitting, scan the QR code with Google Authenticator / Microsoft
    Authenticator / 1Password, then enter the 6-digit code on the verify page.
  </p>
</div>
{% endblock %}