{% extends "base.html" %}
{% block content %}

<div class="card">
    <h2>Verify Your Email</h2>
    <p class="subtitle">
        We sent a 6-digit verification code to <strong>{{ email }}</strong>.
        Enter it below to activate your account.
    </p>

    <form method="POST" style="margin-bottom: 12px;">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <input type="hidden" name="action" value="verify">

        <label>Verification Code</label>
        <input type="text" name="code" maxlength="6" required
               style="width: 100%; padding: 8px; margin-bottom: 16px;">

        <button type="submit">Verify Email</button>
    </form>

    <form method="POST">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <input type="hidden" name="action" value="resend">
        <button type="submit" class="btn-secondary">Resend Code</button>
    </form>
</div>

{% endblock %}