%div
  Pictures may have a small text, that will be diplayed on top of the
  picure. The Picture box is landscape with ratio 3/4.
  = simple_form_for @picture do |f|
    = f.error_notification
    .flex.h-16.mt-2
      = image_tag(@picture.picture_url , class: "align-middle mr-2") if @picture.picture?
      .w-full= f.input :picture , as: :file ,
      label: (@picture.picture.blank? ? "Add picture" : "Change picture")
      = f.hidden_field :picture_cache
    = f.input :text , as: :text , input_html: { rows: 2 }
    = f.input :happened , wrapper_class: "flex mt-4 align-center"
    .flex.justify-between.mt-6
      %button.bg-cyan-200.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400
        = f.submit 'Save'
      = link_to member_path(current_member) do
        %button.ml-20.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400
          Back