.modal-content.no-shadow
  #info
    section
      .row
        .col-sm-12.no-padding.align-center
          = render 'profile/subjects'
          .lightbg-bottom-border.ptb10
            .text-left.pl15.bold
              | Selected
            = simple_nested_form_for @user, as: :user, turboboost: true, :url => profile_path(params[:id]), validate: true, html: { class: 'dirty-form'} do |f|
              = f.fields_for :user_courses do |us|
                .nested-fields.col-xs-12.col-sm-6.col-md-4.col-lg-3.mtb5
                  .igblock
                    = us.input :course_id, as: :hidden, input_html: {class: 'course_id'}
                    .course-block.pull-left
                      span.course-name
                        = us.object.course_name

                    = us.link_to_remove  class: 'remove_course pull-right mr10 fa', data: {course_id: us.object.course_id} do
                      i.fa.fa-times

              = f.link_to_add '',:user_courses, class: 'add_fields hidden'
              = f.input :title, as: :hidden, input_html: { value: "#{Subject.model_name.human.pluralize}" }
              = f.input :sub_title, as: :hidden, input_html: { value: "#{Course.model_name.human.pluralize}" }
              = f.error :user_courses
              .row
                .col-sm-12.lightbg-top-border.pt10
                  .col-sm-6.no-padding
                    .prv-nxt-btn.pull-left.not-visible
                      | Back
                  .col-sm-6.no-padding
                    button.btn.btn-link.prv-nxt-btn.pull-right
                      | Done Adding My #{Course.model_name.human.pluralize}

      .clearfix