@extends('layouts.staff')
@section('title', 'Enter your code')
@section('content')
<div class="mx-auto max-w-md">
    <h1 class="text-3xl">Enter your code</h1>
    <p class="mt-2 text-asphalt-600">Enter the 6-digit code from your authenticator app, or a recovery code.</p>
    <form class="card mt-6 space-y-4" method="post" action="{{ route('staff.two-factor.verify') }}" data-ajax novalidate>
        @csrf <x-form-error/>
        <x-field name="code" label="Code" required autocomplete="one-time-code" autofocus/>
        <button class="btn-primary w-full" type="submit">Verify and sign in</button>
        <p class="text-center text-sm"><a class="underline" href="{{ route('staff.login') }}">Start over</a></p>
    </form>
</div>
@endsection