@extends('layouts.auth')

@section('title', 'Two-factor check')

@section('content')
    <div class="auth-heading">
        <span class="eyebrow">Second security check</span>
        <h2>Enter your authentication code</h2>
        <p data-2fa-copy>Open your authenticator app and enter the current six-digit code.</p>
    </div>
    <form method="post" action="{{ route('two-factor.login.store') }}" class="stack-form">
        @csrf
        <label data-code-field><span>Authentication code</span><input class="code-input" type="text" name="code" inputmode="numeric" autocomplete="one-time-code" pattern="[0-9]*" autofocus></label>
        <label data-recovery-field hidden><span>Recovery code</span><input class="code-input" type="text" name="recovery_code" autocomplete="one-time-code" disabled></label>
        <button class="button button-primary button-full" type="submit">Verify and enter office</button>
        <button class="text-button" type="button" data-recovery-toggle data-show-recovery="Use a recovery code instead" data-show-code="Use an authenticator code instead">Use a recovery code instead</button>
    </form>
@endsection