{% extends "base.html" %}

{% block title %}Verify Your Identity - Gondulf{% endblock %}

{% block content %}
<h1>Verify Your Identity</h1>

<p>To sign in as <strong>{{ domain }}</strong>, please enter the verification code sent to <strong>{{ masked_email }}</strong>.</p>

{% if error %}
<div class="error">
    <p>{{ error }}</p>
</div>
{% endif %}

<form method="POST" action="/authorize/verify-code">
    <!-- Pass through authorization parameters -->
    <input type="hidden" name="domain" value="{{ domain }}">
    <input type="hidden" name="client_id" value="{{ client_id }}">
    <input type="hidden" name="redirect_uri" value="{{ redirect_uri }}">
    <input type="hidden" name="response_type" value="{{ response_type }}">
    <input type="hidden" name="state" value="{{ state }}">
    <input type="hidden" name="code_challenge" value="{{ code_challenge }}">
    <input type="hidden" name="code_challenge_method" value="{{ code_challenge_method }}">
    <input type="hidden" name="scope" value="{{ scope }}">
    <input type="hidden" name="me" value="{{ me }}">

    <div class="form-group">
        <label for="code">Verification Code:</label>
        <input type="text"
               id="code"
               name="code"
               placeholder="000000"
               maxlength="6"
               pattern="[0-9]{6}"
               inputmode="numeric"
               autocomplete="one-time-code"
               required
               autofocus>
    </div>

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

<p class="help-text">
    Did not receive a code? Check your spam folder.
    <a href="/authorize?client_id={{ client_id }}&redirect_uri={{ redirect_uri }}&response_type={{ response_type }}&state={{ state }}&code_challenge={{ code_challenge }}&code_challenge_method={{ code_challenge_method }}&scope={{ scope }}&me={{ me }}">
        Request a new code
    </a>
</p>
{% endblock %}