@extends('auth.layout')

@section('content')
<h1>Two-Factor Authentication</h1>
<p style="font-size:.875rem;color:#aaa;margin-bottom:1.25rem;">Enter the code from your authenticator app, or use a recovery code.</p>

{% if flash.get("error") %}
<div class="alert-error">{{ flash.get("error") }}</div>
{% endif %}

<form method="POST" action="/two-factor/challenge">
    <input type="hidden" name="_token" value="{{ csrf_token }}">
    <div class="field">
        <label for="code">Authentication code</label>
        <input id="code" name="code" type="text" inputmode="numeric" autocomplete="one-time-code"
            required autofocus placeholder="000000 or recovery-code"
            style="text-align:center;font-size:1.25rem;letter-spacing:.2em;">
    </div>
    <button type="submit" class="btn-submit">Verify</button>
</form>
@endsection