.row
  = simple_nested_form_for @tutoring_session,  validate: true, turboboost: true,
    url: @tutoring_session.new_record? ? tutor_tutoring_sessions_path(@tutoring_session.tutor) : tutoring_session_path(@tutoring_session),
    html: { class: 'form-horizontal  booking-page', data: {min_attachments_count: 1} } do |f|
    .col-sm-12.no-padding
      .gcircle.gcircle-booking
        sup $
        .cost.inline
          = @tutoring_session.total_amount rescue 0

      .col-sm-2
        .pt8 When
      .col-sm-8.no-padding
        .row
          .col-sm-3
            = f.input :start, as: :string, label: false, wrapper_html: {class: 'inline'}, input_html: {class: 'timepicker-input', readonly: true, value: f.object.start || f.object.start_time.try(:in_time_zone).try(:hr_min_mer)}
          .col-sm-1
            .pt8.ml-5 to
          .col-sm-3
            = f.input :end, as: :string, label: false, wrapper_html: {class: 'inline'}, input_html: {class: 'timepicker-input', readonly: true, value: f.object.end || f.object.end_time.try(:in_time_zone).try(:hr_min_mer)}
          .col-sm-1.pt8
            |  at
          .col-sm-3.pt8.pl0
            strong.inline
              | $
              span.rate = f.object.tutor.rate
              | /hour
          .clearfix
          - if f.object.date.present?
            .col-sm-12.text-left.no-padding
              .inline
                | on  
              strong.date
                =  f.object.date.try(:day_month_date)
              = f.input :date, as: :hidden
          - else
            = f.input :date, label: 'on', wrapper: :horizontal_input_group, label_html: {class: 'txt-on'} do
              = f.input_field :date, as: :string, class: 'datepicker-input form-control smdate', data: {date_format: 'DD/MM/YYYY'}
              span.input-group-addon.btn.smico
                i.fa.fa-calendar
        .col-sm-12.no-padding
          = f.input :base, input: false, label: false
    .clearfix.pb10

    .col-sm-12.no-padding
      .col-sm-2.pt8
        | What
      .col-sm-10.no-padding
        .row
          .col-sm-6
            = f.input :resource_type, as: :hidden
            = f.input :resource_id, collection: tutoring_session_selectable_resource(f.object),
              as: :grouped_select, group_method: :last,
              input_html: {data: {target: 'input#tutoring_session_resource_type',
              label_mappings: {Courses: 'Course'}}},
              label: false, prompt: "Select a #{tutoring_session_selectable_resource(f.object).map(&:first).join('/')}"
    .clearfix.pb10

    .col-sm-12.no-padding
      .col-sm-2.pt8
        | Where
      .col-sm-10.radioset
        = f.input :on_site, as: :radio_buttons, label_method: :last, value_method: :first,collection: [[false, 'Remote'], [true, 'On-Site']], wrapper: :horizontal_radio_and_checkboxes, label: false
        .clearfix.pt5
      .col-sm-2.pt8
        | Location
      .col-sm-10.radioset
        = f.input :location, label: false, placeholder: 'Location'
    .clearfix.pb10

    .col-sm-12.no-padding
      .col-sm-2.pt8
        | Additional Notes
      .col-sm-10
        = f.input :message, as: :text, label_html:{class: 'col-sm-3'}, label: false,
          input_html: {value: f.object.message || f.object.last_message}, placeholder: 'Additional notes'
      .clearfix.pb10
    .row
      .col-sm-2.pt8
        | Attachments
      .col-sm-10.attachment-wrapper
        = f.fields_for :attachments do |a|
          .col-xs-10.col-sm-10
            = a.input :attachment, label: false
          .col-xs-2.col-sm-2
            = a.link_to_remove do
              i.fa.fa-close
        = f.link_to_add :attachments, data: {min_count: 1} do
          i.fa.fa-plus.pr5
          |Add More
    .row
      .center.bold.mt15.session-cost
        | This Session will cost  $
        span.cost
          = f.object.total_amount unless f.object.length.zero?

    .row
      .center-block.text-center.pt5
        button.btn.btn-default
          i.fa.fa-calendar
          | Submit Request