<.form :let={f} for={@password_changeset} action={~p"/users/settings"} id="update_password"> <.input field={f[:password]} type="password" label="New password" autocomplete="new-password" required /> <.input field={f[:password_confirmation]} type="password" label="Confirm new password" autocomplete="new-password" required /> <.button variant="primary" phx-disable-with="Changing..."> Save Password

Passkeys

Use your device's biometrics (Face ID, Touch ID, Windows Hello) or security keys to sign in

<%= if !@can_register_passkey do %>

Please confirm your email address before registering a passkey. Check your inbox for the confirmation link.

<% end %>

<%= if Enum.empty?(@credentials) do %>

<.icon name="hero-key" class="mx-auto h-12 w-12 text-zinc-400" />

No passkeys registered

Add a passkey to enable quick, secure sign-in with biometrics

<% else %>

<%= for credential <- @credentials do %>

<.icon name="hero-key" class="h-5 w-5 text-zinc-400" />

{credential.name}

<%= if credential.last_used_at do %>

Last used {Calendar.strftime(credential.last_used_at, "%B %d, %Y")}

<% else %>

Never used

<% end %>

<.link href={~p"/users/credentials/#{credential.id}"} method="delete" data-confirm="Are you sure you want to delete this passkey?" class="text-sm font-semibold text-red-600 hover:text-red-500 dark:text-red-400 dark:hover:text-red-300" > Delete

<% end %>

<% end %> <%= if @can_register_passkey do %> <% end %>