<div>
  <%= if get_flash(@conn, :info) do %>
  <p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p>
  <% end %>
  <%= if get_flash(@conn, :error) do %>
  <p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p>
  <% end %>
  <div class="panel-heading">
      <%= Gettext.dpgettext("static_pages", "mfa recover page title", "Two-factor recovery") %>
  </div>
  <div class="panel-content">
      <%= form_for @conn, Routes.mfa_verify_path(@conn, :verify), [as: "mfa"], fn f -> %>
      <div class="input">
        <%= label f, :code, Gettext.dpgettext("static_pages", "mfa recover recovery code prompt", "Recovery code") %>
        <%= text_input f, :code, [autocomplete: false, autocorrect: "off", autocapitalize: "off", autofocus: true, spellcheck: false] %>
        <%= hidden_input f, :mfa_token, value: @mfa_token %>
        <%= hidden_input f, :state, value: @state %>
        <%= hidden_input f, :redirect_uri, value: @redirect_uri %>
        <%= hidden_input f, :challenge_type, value: "recovery" %>
      </div>

      <%= submit Gettext.dpgettext("static_pages", "mfa recover verify recovery code button", "Verify") %>
      <% end %>
      <a href="<%= Routes.mfa_path(@conn, :show, %{challenge_type: "totp", mfa_token: @mfa_token, state: @state, redirect_uri: @redirect_uri}) %>">
        <%= Gettext.dpgettext("static_pages", "mfa recover use 2fa code link", "Enter a two-factor code") %>
      </a>

  </div>
</div>
