{{ template "header" .}}

<div class="py-10">
    <header class="pb-4">
        <div>
            <h1 class="text-2xl font-bold leading-tight">{{ .locale.Tr "auth.totp" }}</h1>
        </div>
    </header>
    <main>
        {{ if .recoveryCodes }}
        <p class="mb-4">{{ .locale.Tr "auth.totp.save-recovery-codes" }}</p>

        <div class="mt-8 sm:w-full sm:max-w-md mx-auto flex">
            <div class="mx-auto bg-white dark:bg-gray-900 rounded-md border border-1 border-gray-200 dark:border-gray-700 p