@extends('layouts.app')
@section('title', 'Verify')
@section('content')
<section class="content-header"><h1>Two-Factor Verification</h1></section>
<section class="content">
    @if(session('vrc_2fa_error'))<div class="alert alert-danger">{{ session('vrc_2fa_error') }}</div>@endif
    <div class="row"><div class="col-md-5 col-md-offset-1">
        @component('components.widget', ['class' => 'box-primary', 'title' => 'Enter your code'])
            <p>Enter the 6-digit code from your authenticator app (or a recovery code) to access the VRC area.</p>
            <form method="POST" action="{{ route('vrc.security.2fa.verify') }}">
                @csrf
                <div class="form-group">
                    <input name="code" class="form-control input-lg" autocomplete="off" autofocus required placeholder="123456">
                </div>
                <button class="btn btn-primary btn-block">Verify</button>
            </form>
        @endcomponent
    </div></div>
</section>
@endsection
