{% extends "auth_base.html" %}

{% block title %}Verify OTP{% endblock %}

{% block auth_content %}
    <h2>Enter verification code</h2>
    <p class="subtitle">We sent a six-digit code to {{ email }}. Enter it below to continue.</p>

    {% if error %}
    <div class="auth-alert error">{{ error }}</div>
    {% endif %}

    <form method="post" action="/verify-otp">
        <input type="hidden" name="email" value="{{ email }}">
        <div class="field-group">
            <label for="otp">One-time passcode</label>
            <input type="text" id="otp" name="otp" placeholder="123456" maxlength="6" required />
        </div>
        <button type="submit">Verify code</button>
    </form>

    <div class="auth-footer">
        <p>Code didn’t arrive? Check spam or <a href="/forgot-password">resend</a>.</p>
    </div>
{% endblock %}