add picture to user

app/views/members/edit.html.haml

@@ -1,8 +1,34 @@
-.flex.justify-center
+.flex.justify-center.m-20
   .flex.flex-col
     %h1 Editing member
 
-    = render 'form'
+    = form_for @member do |f|
+      .flex.flex-col
+        - if @member.errors.any?
+          #error_explanation
+            %h2= "#{pluralize(@member.errors.count, "error")} prohibited this member from being saved:"
+            %ul
+              - @member.errors.full_messages.each do |message|
+                %li= message
 
-    = link_to 'Show', @member
-    = link_to 'Back', members_path
+      .grid.grid-cols-2.gap-10
+        .field
+          = f.label :name
+          = f.text_field :name
+        .field
+          = f.label :public
+          = f.check_box :public
+        .field
+          = f.label :picture
+          = f.file_field :picture
+          -if @member.picture
+            %div.overflow-hidden
+              .my-5 Currently
+              = image_tag @member.picture, class: "object-contain h-40"
+
+        .field
+          = f.label :Bio
+          = f.rich_text_area :bio
+      .flex.justify-center.actions.m-10
+        = f.submit 'Save'
+        .ml-20= link_to 'Back', member_path(@member)