<.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

Alert Notification Devices

Manage mobile devices that receive push notifications for alerts

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

<.icon name="hero-device-phone-mobile" class="mx-auto h-12 w-12 text-gray-400" />

No mobile devices registered

Add a mobile device to receive push notifications for alerts

<% else %>

<%= for session <- @mobile_sessions do %>

<.icon name="hero-device-phone-mobile" class="h-5 w-5 text-gray-400" />

{session.device_name || "Unknown Device"}

{session.device_os} • {session.app_version}

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

<.form :let={_f} for={%{}} action={~p"/users/settings"} method="put" class="inline" > <.form :let={_f} for={%{}} action={~p"/users/settings"} method="put" class="inline" >

<% end %>

<% end %> <.link navigate={~p"/mobile/qr-login"} class="inline-flex items-center gap-2 rounded-lg bg-gray-900 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-gray-700 dark:bg-gray-50 dark:text-gray-900 dark:hover:bg-gray-300" > <.icon name="hero-qr-code" class="h-4 w-4" /> Add Mobile Device

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-gray-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-gray-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 %>