<%= t(".page_title") %>

<%= settings_section title: t(".profile_title"), subtitle: t(".profile_subtitle") do %> <%= styled_form_with model: Current.user, url: settings_profile_path, class: "space-y-4", data: { controller: "profile-image-preview" } do |form| %>

<% profile_image_attached = Current.user.profile_image.attached? %> <% if profile_image_attached %>

<%= render "shared/user_profile_image", user: Current.user %>

<% else %> <%= lucide_icon "image-plus", class: "w-6 h-6 text-gray-500" %> <% end %>

<%= lucide_icon "image-plus", class: "hidden w-6 h-6 text-gray-500", data: { profile_image_preview_target: "template" } %>

cursor-pointer absolute bottom-0 right-0 w-8 h-8 bg-gray-50 rounded-full flex justify-center items-center border border-white border-2"> <%= lucide_icon "x", class: "w-4 h-4 text-gray-500" %>

<%= t(".profile_image_type") %>

<%= form.label :profile_image, t(".profile_image_choose"), class: "inline-block cursor-pointer px-3 py-2 bg-gray-50 text-gray-900 rounded-md text-sm font-medium" %> <%= form.file_field :profile_image, accept: "image/png, image/jpeg, image/gif", class: "hidden px-3 py-2 bg-gray-50 text-gray-900 rounded-md text-sm font-medium", data: {profile_image_preview_target: "fileField", action: "change->profile-image-preview#preview"} %> <%= form.hidden_field :delete_profile_image, value: false, data: {profile_image_preview_target: "deleteField"} %>

<%= form.text_field :first_name, placeholder: "First name", value: Current.user.first_name, label: true %> <%= form.text_field :last_name, placeholder: "Last name", value: Current.user.last_name, label: true %>

<%= form.submit t(".save"), class: "bg-gray-900 hover:bg-gray-700 cursor-pointer text-white rounded-lg px-3 py-2" %>

<% end %> <% end %> <%= settings_section title: t(".household_title"), subtitle: t(".household_subtitle") do %>

<%= styled_form_with model: Current.user, url: settings_profile_path, class: "space-y-4", data: { controller: "auto-submit-form", "auto-submit-form-trigger-event-value": "blur" } do |form| %> <%= form.fields_for :family_attributes do |family_fields| %> <%= family_fields.text_field :name, placeholder: t(".household_form_input_placeholder"), value: Current.family.name, label: t(".household_form_label"), disabled: !Current.user.admin?, "data-auto-submit-form-target": "auto" %> <% end %> <% end %>

<%= Current.family.name %> · <%= Current.family.users.size %>

<%= Current.user.initial %>

<%= Current.user.display_name %>

<%= Current.user.role %>

<% end %> <%= settings_section title: t(".danger_zone_title") do %>

<%= t(".delete_account") %>

<%= t(".delete_account_warning") %>

<%= button_to t(".delete_account"), settings_profile_path, method: :delete, class: "bg-red-500 text-white text-sm font-medium rounded-lg px-3 py-2", data: { turbo_confirm: { title: t(".confirm_delete.title"), body: t(".confirm_delete.body"), accept: t(".delete_account"), acceptClass: "w-full bg-red-500 text-white rounded-xl text-center p-[10px] border mb-2" }} %>

<% end %>

<%= next_setting("Preferences", settings_preferences_path) %>