= simple_nested_form_for @question, validate: true, turboboost: true, html: {class: 'upload-attachments questions-form', multipart: true} do |f|
  #question-form-wrapper.col-xs-12.col-sm-6.pb20.col-sm-offset-3
    = f.input :question_task_calendar, as: :hidden, input_html: {value: @question_task_calendar}
    .row
      .col-xs-12.col-sm-12.semibold.pb5 What do you need help with?
    .row
      .col-xs-12.col-sm-12
        = f.input :title, label: false, placeholder: 'Title Your Question'
    .row
      .col-xs-12.col-sm-12
        = f.input :text, label: false, placeholder: 'Type your question here...'
    .row
      #enable_drawing.col-xs-12.col-sm-12
        = link_to '', class:'toggle-drawing-canvas' do
          i.fa.fa-photo.pr5
          | Open Drawing Canvas

    .row
      .col-xs-12.col-sm-6.no-padding
        .row
          .col-xs-12.col-sm-12.semibold.pb5
            | How much are you willing to pay?
        .row
          .col-xs-12.col-sm-12
            = 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}
      .col-xs-12.col-sm-6.no-padding
        .row
          .col-xs-12.col-sm-12.semibold.pb5.text-right
            | When do you need the answer?
        .row
          .col-xs-12.col-sm-12
            = f.input :time, label: false, wrapper: :horizontal_input_group do
              = f.input_field :time, class: 'timepicker-input form-control smbox pull-left', placeholder: 'Select time'
              span.input-group-addon.btn.smico.w40
                i.fa.fa-clock-o
        .row
          .col-xs-12.col-sm-12.mt8
            = f.input :date, label: false, wrapper: :horizontal_input_group do
              = f.input_field :date, class: 'datepicker-input form-control smdate pull-left', placeholder: 'Select Due date', data: {date_format: 'DD/MM/YYYY'}
              span.input-group-addon.btn.smico.w40
                i.fa.fa-calendar
    .row
      .col-xs-12.col-sm-6.semibold.pb5
        | Select Course
        .row
          .col-xs-12.col-sm-12.no-padding
            = 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'}}}, label: false
    .row
      .col-xs-12.col-sm-12
        .col-xs-12.col-sm-12.fileupload-container.mt0
          .fileupload-buttonbar
            span.btn.btn-info.fileinput-button
              i.fa.fa-paperclip
              input.form-control name="attachments[]" type="file"
            button type='button' class='btn start'
              | Post The Question
      .row
        table.table.table-striped
          tbody.files

  #canvas_drawing_area.col-sm-6.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"