.modal-content.no-shadow
  #info.col-xs-12.col-sm-12.bg-white
    section
      .col-xs-12.no-padding.col-sm-3.bg-sbar
        = render 'onboard_sidebar'
      .col-xs-12.no-padding.col-sm-8
        h4.text-center.pt15 = "My #{Category.model_name.human.pluralize}"
        .fs12.lightgrey.text-center.pb10
          | This info will help others find you and your expertise.
          br/
          = "Let's start with the kind of #{Category.model_name.human.pluralize} you can provide help with."

        .vspace10

        .row
          .col-sm-12.mytasks
            = simple_form_for @user, as: :user, turboboost: true, :url => profile_path(params[:id]), validate: true do |f|
              = f.input :category_ids, label: false, validate: true, input_html: {value: '', class: 'select2-field-as-list', data: {url: api_categories_autocomplete_path, load: f.object.categories.to_json(only: [:id, :name]), multiple: true, always_open: true}}
              .select2-result-container
              .vspace10
              .text-center.pt20
                button.blue-arrow.btn-link
                  span
                    | Next
  .clearfix