<.header> Account Settings <:subtitle>Manage your account email address and password settings
<.form :let={f} for={@email_changeset} action={~p"/users/settings"} id="update_email"> <.input field={f[:email]} type="email" label="Email" autocomplete="email" required /> <.button variant="primary" phx-disable-with="Changing...">Change Email
<.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