.modal-content.no-shadow
  #info.col-xs-12.col-sm-12.bg-white
    section
      .col-xs-12.no-padding.col-sm-4.bg-sbar
        = render 'onboard_sidebar'
      .col-xs-12.no-padding.col-sm-8
        h4.text-center.pt15 = "My #{Course.model_name.human.pluralize}"
        .fs10.mediumgrey.text-center.pb10
          = "Please indicate the #{Course.model_name.human.pluralize} you can provide expertise on."

        .vspace10

        .row
          .col-sm-12.subtrades.no-padding
            = simple_form_for @user, as: :user, turboboost: true, :url => profile_path(params[:id]), validate: true do |f|
              #accordion.accordion.panel-group.max-ht400
                - f.object.subjects.with_courses.includes(:courses).each_with_index do |subject, index|
                  .panel.panel-info
                    .panel-heading
                      = link_to "#subject-#{index}", data: {parent: '#accordion', toggle: 'collapse'}, class: "#{'collapsed' if index != 0}" do
                        .panel-title
                          i.fa.fa-angle-down
                          i.fa.fa-angle-right
                          = subject.name.titleize
                          span.pull-right
                            = "(#{subject.courses.count})"
                    .panel-collapse.collapse id="subject-#{index}" class="#{'in' if index == 0}"
                      .panel-body
                        ul.selectable data-multiple=true data-parent='#accordion' data-input='#user_course_ids'
                          - subject.courses.order('name asc').each do |course|
                            li.li_course data-id=course.id class="#{'ui-selected' if f.object.course_ids.include?(course.id)}"
                              = course.name
                = f.input :course_ids, as: :hidden, input_html: {value: f.object.course_ids.join(',')}, validate: true

              .vspace10
              .text-center.mb30
                button.blue-arrow.btn-link
                  span
                    | Next
    .clearfix