zitadel/internal/ui/login/static/templates/mfa_verify.html

{{template "main-top" .}}

<div class="head">
    {{ template "user-profile" . }}

    <p>{{t "MFAVerify.Description"}}</p>
</div>

<form action="{{ mfaVerifyUrl }}" method="POST">

    {{ .CSRF }}

    <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
    <input type="hidden" name="mfaType" value="{{ .SelectedMFAProvider }}" />

    <div class="fields">
        <div class="field">
            <label class="label" for="code">{{t "MFAVerify.Code"}}</label>
            <input class="input" type="text" id="code" name="code" autocomplete="off" autofocus required>
        </div>
    </div>

    {{ template "error-message" .}}

    <div class="actions">
        <button class="primary" id="submit-button" type="submit">{{t "Actions.Next"}}</button>
        {{ if .MFAProviders }}
            <div class="mfa-other">
                <p>{{t "MFA.ChooseOther"}}</p>
                {{ range $provider := .MFAProviders}}
                    {{ $providerName := (t (printf "MFA.Provider%v" $provider)) }}
                    <button class="secondary" type="submit" name="provider" value="{{$provider}}" formnovalidate>{{$providerName}}</button>
                {{ end }}
            </div>
        {{ end }}
        <a class="button secondary" href="{{ loginUrl }}">
            {{t "Actions.Cancel"}}
        </a>
    </div>
</form>

<script src="{{ resourceUrl "scripts/form_submit.js" }}"></script>
<script src="{{ resourceUrl "scripts/default_form_validation.js" }}"></script>
{{template "main-bottom" .}}