<%# The image preview once user has uploaded a new file %> <%# The placeholder image for empty avatar field %>

<%= icon "image-plus", size: "lg" %>

<%# The attached image if user has already uploaded one %>

"> <% if user.profile_image.attached? %>

<%= render "settings/user_avatar", avatar_url: user.profile_image.url %>

<% end %>

<%= form.hidden_field :delete_profile_image, value: "0", data: { profile_image_preview_target: "deleteProfileImage" } %> <%= form.label :profile_image, class: "px-3 py-2 rounded-lg text-sm hover:bg-surface-hover border border-secondary inline-flex items-center gap-2 cursor-pointer", data: { profile_image_preview_target: "uploadButton" } do %> <%= icon "camera", data: { profile_image_preview_target: "cameraIcon" } %> <%= t(".choose") %> <%= t(".choose_label") %> <% end %>

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

<%= form.file_field :profile_image, accept: "image/png, image/jpeg", class: "hidden px-3 py-2 bg-gray-50 text-primary rounded-md text-sm font-medium", data: { profile_image_preview_target: "input", action: "change->profile-image-preview#showFileInputPreview" } %>