<%= render partial: "pwa/install_instructions" %>

<%= profile_form_with @user, class:"txt-medium" do |form| %> <%= image_tag "camera.svg", aria: { hidden: "true" }, size: 20 %> <%= form.file_field :avatar, id: "file", class: "input", accept: "image/*", data: { upload_preview_target: "input", action: "upload-preview#previewImage change->form#submit" } %> <% end %> <%= profile_form_with @user do |form| %> <%= image_tag fresh_user_avatar_path(@user), aria: { hidden: "true" }, size: 300, data: { upload_preview_target: "image" } %> <%= form.file_field :avatar, id: "file", class: "input", accept: "image/*", data: { upload_preview_target: "input", action: "upload-preview#previewImage change->form#submit" } %> <% end %> <% if @user.avatar.attached? %> <%= button_to user_avatar_path(@user), method: :delete, class: "btn btn--negative txt-small avatar__delete-btn" do %> <%= image_tag "minus.svg", aria: { hidden: "true" }, size: 20 %> <% end %> <% end %>

<%= profile_form_with @user do |form| %>

<%= translation_button(:user_name) %> <%= form.text_field :name, class: "input txt-large ", autocomplete: "name", placeholder: "Enter your name", autofocus: true, required: true, data: { "1p-ignore": true } %> <%= image_tag "person.svg", aria: { hidden: "true" }, size: 24, class: "colorize--black" %>

<%= translation_button(:email_address) %> <%= form.email_field :email_address, class: "input txt-large", value: @user.email_address, autocomplete: "username", placeholder: "Enter your email address", required: false %> <%= image_tag "email.svg", aria: { hidden: "true" }, size: 24, class: "colorize--black" %>

<%= translation_button(:update_password) %> <%= form.password_field :password, class: "input txt-large", autocomplete: "new-password", placeholder: "Change password", required: false, maxlength: 72 %> <%= image_tag "password.svg", aria: { hidden: "true" }, size: 24, class: "colorize--black" %>

<%= translation_button(:bio) %> <%= form.text_area :bio, class: "input txt-large", placeholder: "A few words about yourself…", maxlength: 200, rows: 3, required: false %> <%= image_tag "bio.svg", aria: { hidden: "true" }, size: 24, class: "colorize--black" %>

<%= profile_form_submit_button %>

<% end %>

<%= render partial: "users/profiles/membership", collection: @shared_memberships %> <% if @direct_memberships.any? && @shared_memberships.any? %>

<% end %> <%= render partial: "users/profiles/membership", collection: @direct_memberships %>

<%= render "users/profiles/transfer", user: @user %> <% if Rails.env.development? %>

<%= image_tag "key.svg", aria: { hidden: "true" }, size: 36, class: "colorize--black" %> <%= link_to "Push Notifications Dev Mode", user_push_subscriptions_url, class: "btn txt-small center" %>

<% end %>