#accordion.accordion.panel-group
  = simple_nested_form_for @user, url: settings_path, turboboost: true, validate: true, html: { multipart: true, class: "tutor_update_form" } do |f|
    = hidden_field_tag :type, :sub_subjects
    - f.object.subjects.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
            h4.panel-title
              i.fa.fa-angle-down
              i.fa.fa-angle-right
              = subject.name.titleize
              span.pull-right
                = "#{subject.courses.count} #{Course.model_name.human.downcase}"
        .panel-collapse.collapse id="subject-#{index}" class="#{'in' if index == 0}"
          .panel-body
            ul.selectable data-multiple=true data-parent='#accordion' data-input='#tutor_course_ids'
              - subject.courses.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
    .space-20
    = f.button :submit, "Update #{Course.model_name.human}", class: 'btn btn-info pull-right'