.editbox
  #personal_info_row.col-sm-12.plr0
    .col-xs-12.col-sm-4.no-padding.text-center
      #section-image
        = render "users/upload_image_form", user: @user
      - if @user.type == 'Tutor' and @user == current_user
        .col-sm-12.pl0.text-left
          = render 'tutors/tutor_availability_type', tutor: @user
    .col-xs-12.col-sm-8.pr0
      = simple_form_for @user, url: settings_path, turboboost: true, validate: true, html: { multipart: true, :class => "tutor_update_form dirty-form", id: 'edit_personal_details' } do |f|
        = hidden_field_tag :type, 'personal_details'

        .row
          .col-xs-12.col-sm-12.col-md-12.no-padding
            .col-sm-12.no-padding.mt10
              .col-sm-6.pl0
                = f.input :name, input_html: {data: {toggle: 'tooltip', placement: 'left'}, title: 'First Name'}, require: false
              .col-sm-6.pl0
                = f.input :last_name, input_html: {data: {toggle: 'tooltip', placement: 'left'}, title: 'Last Name' }

            .col-sm-12.no-padding
              = f.fields_for :educations, [f.object.educations.first] do |e|
                .col-sm-12.no-padding
                  .col-sm-6.pl0
                    = e.input :end_date, start_year: Date.today.year, end_year: Date.today.year + 5, as: :date, discard_day: true, discard_month: true, label: "Graduation Year", wrapper_html: {class: 'div-rpad-sel'}, input_html: {data: {toggle: 'tooltip', placement: 'left'}, title: 'Graduation Year' }
                  .col-sm-6.pl0
                    = e.input :field_of_study, placeholder: 'Major',input_html: {data: {toggle: 'tooltip', placement: 'left'}, title: 'Major' }
                .col-sm-12.no-padding
                  .col-sm-6.pl0
                    = e.input :minor, placeholder: 'Minor',input_html: {data: {toggle: 'tooltip', placement: 'left'}, title: 'Minor' }
                  .col-sm-6.pl0
                    = e.input :school_name, placeholder: 'School Name',input_html: {data: {toggle: 'tooltip', placement: 'left'}, title: 'School Name' }

            .col-sm-6.pl0
              = f.input :exp_title, validate: true, placeholder: 'One Line Description',input_html: {data: {toggle: 'tooltip', placement: 'left'}, title: 'One Line Description' }
            - if @user.type == 'Tutor'
              .col-sm-6.pl0
                = f.input :rate, wrapper: :horizontal_input_group, maxlength: 4, title: 'Hourly Expert Rate', validate: true do
                  = f.input_field :rate, class: '', value: f.object.rate_without_charge, data: {toggle: 'tooltip', placement: 'left'}, title: 'Hourly Expert Rate'
                  span.input-group-addon.rate-span +5
              .col-sm-12.pl0
                = f.input :response_time, as: :string, input_html: {data: {toggle: 'tooltip', placement: 'left'}, title: 'Response Time'}, wrapper_html: { class: 'valigntop' }, validate: true
              .clearfix
        .col-sm-12.pl0

              button.btn.btn-default.mb10.mr10
                .fa.fa-save
                .inline
                  | Save Summary

              .btn.btn-default.mb10.mr10
                .fa.fa-mail-reply
                .inline
                  = link_to 'Cancel', dashboard_path

              .vspace25