{gettext("settings")}

---

<.form :let={f} for={@email_changeset} action={~p"/users/settings"} class="flex flex-col space-y-4 sm:space-y-0 sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" >

{dgettext("actions", "change email")}

{hidden_input(f, :action, name: "action", value: "update_email")} {label(f, :email, gettext("email"), class: "title text-lg text-primary-400")} {email_input(f, :email, required: true, class: "mx-2 my-1 input input-primary col-span-2")} {error_tag(f, :email, "col-span-3")} {label(f, :current_password, gettext("current password"), for: "current_password_for_email", class: "mx-2 my-1 title text-lg text-primary-400" )} {password_input(f, :current_password, required: true, name: "current_password", id: "current_password_for_email", class: "mx-2 my-1 input input-primary col-span-2" )} {error_tag(f, :current_password, "col-span-3")} {submit(dgettext("actions", "change email"), class: "mx-auto btn btn-primary col-span-3" )}

---

<.form :let={f} for={@password_changeset} action={~p"/users/settings"} class="flex flex-col space-y-4 sm:space-y-0 sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" >

{dgettext("actions", "change password")}

{dgettext("errors", "oops, something went wrong! please check the errors below.")}

{hidden_input(f, :action, name: "action", value: "update_password")} {label(f, :password, gettext("new password"), class: "title text-lg text-primary-400")} {password_input(f, :password, required: true, class: "mx-2 my-1 input input-primary col-span-2" )} {error_tag(f, :password, "col-span-3")} {label(f, :password_confirmation, gettext("confirm new password"), class: "title text-lg text-primary-400" )} {password_input(f, :password_confirmation, required: true, class: "mx-2 my-1 input input-primary col-span-2" )} {error_tag(f, :password_confirmation, "col-span-3")} {label(f, :current_password, gettext("current password"), for: "current_password_for_password", class: "title text-lg text-primary-400" )} {password_input(f, :current_password, required: true, name: "current_password", id: "current_password_for_password", class: "mx-2 my-1 input input-primary col-span-2" )} {error_tag(f, :current_password, "col-span-3")} {submit(dgettext("actions", "change password"), class: "mx-auto btn btn-primary col-span-3" )}

---

<.form :let={f} for={@locale_changeset} action={~p"/users/settings"} class="flex flex-col space-y-4 sm:space-y-0 sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center" > {label(f, :locale, dgettext("actions", "change language"), class: "title text-primary-400 text-lg text-center col-span-3" )} {hidden_input(f, :action, name: "action", value: "update_locale")} {select(f, :locale, [{gettext("english"), "en_US"}, {"spanish", "es"}], class: "mx-2 my-1 min-w-md input input-primary col-start-2" )} {error_tag(f, :locale, "col-span-3")} {submit(dgettext("actions", "change language"), class: "whitespace-nowrap mx-auto btn btn-primary col-span-3", data: [qa: dgettext("prompts", "are you sure you want to change your language?")] )}

---