@extends('layouts.member')
@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">Open your authenticator app and enter the 6-digit code. Lost your phone? Enter one of your recovery codes instead.</p>
    <form class="card mt-6 space-y-4" method="post" action="{{ route('two-factor.verify') }}" data-ajax novalidate>
        @csrf
        <x-form-error/>
        <x-field name="code" label="Code" required autocomplete="one-time-code" inputmode="text" autocapitalize="off" 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('login') }}">Start over</a></p>
    </form>
</div>
@endsection