two_factor.html.haml

- @no_header = true

%section.login.w-full
  %div
    .branding.block
    %div
      %h2.mt-6.text-3xl.leading-9.font-extrabold.text-gray-900
        = t('users.two_factor.two_factor_authentication')

    - if @user.two_factor_otp_enabled?
      = form_for(resource, as: resource_name, url: session_path(resource_name), method: :post) do |f|
        .rounded-md.shadow-sm
          %div
            = f.label :otp_attempt do
              Two-factor authentication code
            = f.text_field :otp_attempt,
              autofocus: true,
              class: "p-3 w-full"

        .mt-4
          %p.text-sm.text-gray-700.leading-5 Enter the code from the two-factor app on your mobile device. If you've lost your device, you may enter one of your recovery codes.

        .mt-4
          = f.submit t('users.two_factor.verify_code'),
            class: "btn btn-primary border border-red-500"