.flex.flex-col.justify-center
  =link_to  profile_path(profile) do
    .px-4.py-4.text-center.bg-gray-200
      %h1.text-2xl.font-bold.tracking-tight.sm:text-4xl
        Member Profile
    .flex.mt-6.py-4.flex-col.max-w-screen-lg.overflow-hidden.bg-white.border.rounded.shadow-sm
      .relative
        -if profile.picture_url
          = image_tag profile.picture_url, class: "object-cover w-full h-60"
        -else
          No picture
      %h5.m-4.text-3xl.font-bold.text-center
        = profile.name
      .mb-8.text-gray-800.text-center
        .prose= markdown(profile.bio)


.flex.justify-between
  = link_to edit_profile_path(profile) do
    %button.bg-cyan-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400
      Edit
  = form_tag( profile_path(profile.id) , {method: :delete  } ) do
    %button.bg-red-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400{type: :submit}
      Delete Profile