@extends('admin.layout')

@section('title', 'Enter your code')

@section('content')
    <div class="narrow">
        <h1>Enter your code</h1>
        @include('partials.errors')
        <form class="card form" method="post" action="{{ route('admin.mfa.verify') }}" novalidate>
            @csrf
            <p class="muted">Open your authenticator app and type the 6-digit code for <strong>healthcareers.app</strong> ({{ $admin->email }}).</p>
            <div class="field">
                <label for="code">Code</label>
                <input id="code" name="code" class="code-input" inputmode="numeric" autocomplete="one-time-code" maxlength="20" required autofocus>
            </div>
            <button class="btn primary" type="submit">Sign in</button>
            <details class="small">
                <summary>Lost your phone?</summary>
                <p>Type one of your backup codes (like <span class="mono">k3v9q-2mxp7</span>) in the box instead. Each works once. No backup codes? On the server run <span class="mono">sudo -u www-data php artisan hc:admin-mfa-reset {{ $admin->email }}</span>, then sign in again to set up a new phone.</p>
            </details>
        </form>
        <p class="small"><a href="{{ route('admin.login') }}">Start over</a></p>
    </div>
@endsection