.container-fluid.edit-credentials-tabs-wrapper
  ul#edit-credentials-tabs.nav.nav-tabs role="tablist"
    - if tutor.courses.exists?
      li.center.active role="presentation"
        a aria-controls="courses" data-toggle="tab" href="#courses" role="tab"  Courses I Tutor
    - if tutor.skills.exists?
      li.center class="#{'active' unless tutor.courses.exists?}" role="presentation"
        a aria-controls="skills" data-toggle="tab" href="#skills" role="tab"  Skills I Tutor
  .tab-content
      #courses.tab-pane.fade.face.in.active
        .vspace10
        .row
          .col-xs-12.no-padding.darkgrey
            - tutor.courses.order('name asc').includes(:subject).group_by(&:subject).each do |subject, courses|
              .col-xs-6.col-md-3.pl25
                - courses.each do |course|
                  .fs11.bold.no-deco.ptb10
                    - if tutor.id != current_user.try(:id)
                      a.darkgrey href="javascript:void(0)" onclick="$('a[href=#appointments]').trigger('click')"
                        = course.name.titleize
                    - else
                      = course.name.titleize
      #skills.tab-pane.fade.face.in class="#{'active' unless tutor.courses.exists?}"
        .vspace10
        .row
          .col-xs-12.no-padding.darkgrey
            - if tutor.skills.exists?
              - tutor.skills.each do |skill|
                .col-xs-12.pl25
                  .fs11.bold.no-deco.ptb10
                    - if tutor.id != current_user.try(:id)
                      a href="javascript:void(0)" onclick="$('a[href=#appointments]').trigger('click')"
                        = skill.name
                    - else
                      = skill.name
            - else
              .col-xs-12.col-md-12.left.pl15
                | Skills not found.