zitadel/internal/api/ui/login/static/templates/mfa_prompt.html

{{template "main-top" .}}

<div class="lgn-head">
  <h1>{{t "InitMFAPrompt.Title"}}</h1>
  {{ template "user-profile" . }}

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

<form action="{{ mfaPromptUrl }}" method="POST">
  {{ .CSRF }}

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

  <div class="fields">
    {{ range $provider := .MFAProviders}} {{ $providerName := (t (printf "InitMFAPrompt.Provider%v" $provider)) }}
    <div class="lgn-radio block">
      <input
        id="{{ $provider }}"
        type="radio"
        name="provider"
        value="{{ $provider }}"
      />
      <label for="{{ $provider }}">{{ $providerName }}</label>
    </div>
    {{ end }}
  </div>

  <div class="lgn-actions">
    <!-- position element in header -->
    <a class="lgn-icon-button lgn-left-action" href="{{ loginUrl }}">
      <i class="lgn-icon-arrow-left-solid"></i>
    </a>

    {{if not .MFARequired}}
    <button
      class="lgn-stroked-button"
      name="skip"
      value="true"
      type="submit"
      formnovalidate
    >
      {{t "InitMFAPrompt.SkipButtonText"}}
    </button>
    {{end}}
    <span class="fill-space"></span>
    <button class="lgn-raised-button lgn-primary" type="submit">
      {{t "InitMFAPrompt.NextButtonText"}}
    </button>
  </div>
</form>

{{template "main-bottom" .}}