.pull-left.small-img-upload
  = simple_form_for current_user, remote: true, multipart: true, url: profile_questions_path, html: {class: 'form-horizontal upload_image' } do |f|
    = hidden_field_tag :step, "profile_image:image_file_name"
    .profile_pic.pull-left
      = image_tag(current_user.image_url(:big) , alt: current_user.name, class: 'profile_img')
    .pull-left.ml20.pt10
      - current_user.build_profile_image
      = f.fields_for :profile_image do |p|
        div.dullgrey.handCursor
          = p.input :image, label: "Upload Image", label_html: {for:"header_tutor_profile_image_attributes_image", class: "upimg"}, input_html: {id: "header_tutor_profile_image_attributes_image"}, value: '', required: false
          i.fa.fa-upload.pt8
          = p.input :crop_x, as: :hidden, input_html: { class: :crop_x }
          = p.input :crop_y, as: :hidden, input_html: { class: :crop_y }
          = p.input :crop_w, as: :hidden, input_html: { class: :crop_w }
          = p.input :crop_h, as: :hidden, input_html: { class: :crop_h }
          |  

.pull-left.ml10.mb10
  = link_to 'Skip', edit_profile_questions_path(step: User::PROFILE_QUESTION.rindex('profile_image:image_file_name')), class: 'btn-skip mt15', remote: true

#cropImage.modal
  .modal-dialog
    .modal-content style=("max-height: 520px; width: auto")
      .modal-header
        button.close data-dismiss="modal" type="button"
          span.fs21 aria-hidden="true"  ×
          span.sr-only Close
        h4#myModalLabel.modal-title.no-padding Crop Image
      .modal-body
        .image-container.row-fluid.txt_center style=("margin-left: 0px; ")
        .row-fluid.txt_center style=("margin-left: 0px; ")
          .offset3.span6.centering.mgn_t_20
            button.btn.btn-primary.crop-and-save type="crop"  Crop & Save