= simple_nested_form_for @question,  validate: true, turboboost: true do |f|
  .col-sm-8.pl0.pb20
    .semibold.pb5 Drawing Board
    .row
      = f.fields_for :canvas do |c|
        = c.input :data, as: :hidden
        = c.input :image_data, as: :hidden
        #literally-canvas.drawing-area.black-border data-target='input#question_canvas_attributes_data' data-image-target="input#question_canvas_attributes_image_data"

  .col-sm-4.plr0.pb20
    .semibold.pb5 What do you need help with?
    .row
      = f.input :title, label: false, placeholder: 'Title Your Question'
      = f.input :text, label: false, placeholder: 'Type your question here...'

    .row
      .col-sm-12.plr0
        .semibold.pb5 How much are you willing to pay?
        = f.input :rate, label: false, input_html: {class: 'touchSpin', data: {touchspin: {min: 5, step: 1, verticalbuttons: true, verticalupclass: 'fa fa-plus-square-o', verticaldownclass: 'fa fa-minus-square-o', prefix: '$', forcestepdivisibility: 'round'}}, value: f.object.rate || 5}

    .row
      .col-sm-12.plr0
        .semibold.pb5 When do you need the answer?
        = f.input :time, label: false do
          = f.input_field :time, class: 'timepicker-input form-control smbox w120 pull-left', placeholder: 'Select time'
          span.input-group-addon.btn.smico.w40
            i.fa.fa-clock-o
    .row
      .col-sm-12.no-padding.mb10
        = f.input :date, label: false, wrapper: :horizontal_input_group do
          = f.input_field :date, class: 'datepicker-input form-control smdate', placeholder: 'Select Due date', data: {date_format: 'DD/MM/YYYY'}
          span.input-group-addon.btn.smico
            i.fa.fa-calendar
    .row
      .col-sm-12.plr0
        = f.input :tutor_id, as: :hidden
        = f.input :questionable_type, as: :hidden
        = f.input :questionable_id, collection: questionable_select_list_options(f.object), as: :grouped_select, group_method: :last, input_html: {data: {target: 'input#question_questionable_type', label_mappings: {Courses: 'Course', Skills: 'Skill'}}}, label: false
    .row
      .col-sm-12.plr0.attachment-wrapper
        = f.fields_for :attachments do |a|
          = a.input :attachment, label: false
          = a.link_to_remove do
            i.fa.fa-close
        = f.link_to_add :attachments do
          i.fa.fa-plus.pr5
          |Add More
    .row
      .col-sm-12.plr0
        = f.input :base, input: false, label: false
    button.btn-green
      | Send Question