@extends('layouts.auth')
@section('title', 'Two-factor verification')
@section('content')
    <h2>Two-factor verification</h2>
    <p class="lead">Enter the 6-digit code from your authenticator app, or a recovery code.</p>
    <form method="POST" action="/two-factor-challenge">
        @csrf
        <div class="form-row">
            <label for="code">Authentication code</label>
            <input id="code" type="text" inputmode="numeric" name="code" autofocus autocomplete="one-time-code">
        </div>
        <div class="form-row" style="text-align:center; color: var(--slate-500); font-size: 12px;">— or —</div>
        <div class="form-row">
            <label for="recovery_code">Recovery code</label>
            <input id="recovery_code" type="text" name="recovery_code" autocomplete="off">
        </div>
        <button type="submit" class="btn-primary">Verify</button>
    </form>
@endsection