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

<%= settings_section title: t(".profile_title"), subtitle: t(".profile_subtitle") do %> <%= styled_form_with model: @user, class: "space-y-4" do |form| %> <%= render "settings/user_avatar_field", form: form, user: @user %>

<%= form.text_field :first_name, placeholder: t(".first_name"), label: t(".first_name") %> <%= form.text_field :last_name, placeholder: t(".last_name"), label: t(".last_name") %>

<%= 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, class: "space-y-4", data: { controller: "auto-submit-form" } do |form| %> <%= form.fields_for :family do |family_fields| %> <%= family_fields.text_field :name, placeholder: t(".household_form_input_placeholder"), label: t(".household_form_label"), disabled: !Current.user.admin?, "data-auto-submit-form-target": "auto" %> <% end %> <% end %>

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

<% @users.each do |user| %>

<%= render "settings/user_avatar", user: user %>

<%= user.display_name %>

<%= user.role %>

<% end %> <% if @pending_invitations.any? %> <% @pending_invitations.each do |invitation| %>

<%= invitation.email[0] %>

<%= invitation.email %>

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

<% if self_hosted? %>

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

<% end %>

<% end %> <% end %> <% if Current.user.admin? %> <%= link_to new_invitation_path, class: "bg-gray-100 flex items-center justify-center gap-2 text-gray-500 mt-1 hover:bg-gray-200 rounded-lg px-4 py-2 w-full text-center", data: { turbo_frame: :modal } do %> <%= lucide_icon("plus", class: "w-5 h-5 text-gray-500") %> <%= t(".invite_member") %> <% end %> <% end %>

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

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

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

<%= button_to t(".delete_account"), user_path(@user), 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 %>

<%= settings_nav_footer %>