<.header> {t_auth("Two-Factor Authentication")} <:subtitle> {t_auth("Enter the 6-digit code from your authenticator app")}

<.form :let={f} for={@form} as={:user} id="totp_form" action={~p"/users/log-in/totp"}> <.input field={f[:totp_code]} type="text" label={t_auth("Authentication Code")} placeholder="000000" autocomplete="one-time-code" inputmode="numeric" required phx-mounted={JS.focus()} />

{t_auth( "Enter the 6-digit code from your authenticator app, or use a recovery code (XXXX-XXXX format)." )}

<.button class="w-full" variant="primary"> {t_auth("Verify")}

<.link href={~p"/users/log-in"} class="text-sm font-semibold text-cool-steel-600 hover:text-cool-steel-700 dark:text-cool-steel-400 dark:hover:text-cool-steel-300" > {t_auth("← Back to login")}