<%= I18n.t('title', :scope => 'devise.otp.edit_otp_token') %>

<%= I18n.t('explain', :scope => 'devise.otp.edit_otp_token') %>

<%= I18n.t('step_1', :scope => 'devise.otp.edit_otp_token') %>

<%= image_tag(qr_code_for_devise(resource), class: 'mx-auto') %>
Or

<%= I18n.t('manual_provisioning', :scope => 'devise.otp.token_secret') %>: <%= resource.otp_auth_secret %>

<%= I18n.t('step_2', :scope => 'devise.otp.edit_otp_token') %>

<%= form_with(:url => [resource_name, :otp_token], :method => :put) do |f| %>
<%= f.label :confirmation_code, I18n.t('confirmation_code', :scope => 'devise.otp.edit_otp_token'), class: 'block text-sm mb-2 dark:text-white' %>
<%= f.text_field :confirmation_code, class: 'py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600" required aria-describedby="email-error' %>
<%= f.submit I18n.t('submit', :scope => 'devise.otp.edit_otp_token'), class: 'w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 focus:outline-none focus:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none' %>
<% end %>