.container-fluid.edit-credentials-tabs-wrapper
  ul#edit-credentials-tabs.nav.nav-tabs role="tablist"
    - if tutor.positions.exists?
      li.center.active role="presentation"
        a aria-controls="experience" data-toggle="tab" href="#experience" role="tab"  Experience
    - if tutor.awards.exists?
      li.center role="presentation" class="#{'active' unless tutor.positions.exists?}"
        a aria-controls="awards" data-toggle="tab" href="#awards" role="tab"  Awards
    - if tutor.educations.exists? && tutor.educations.size > 1
      li.center role="presentation" class="#{'active' unless tutor.educations.exists?}"
        a aria-controls="educations" data-toggle="tab" href="#educations" role="tab"  Educations
  .tab-content
    #experience.tab-pane.fade class="#{'in active' if tutor.positions.exists?}"
      .vspace10
      .row
        .col-xs-12.no-padding.darkgrey
          - if tutor.positions.exists?
            .regular.pl15.fs10.lh16.darkgrey.mb30
              - tutor.positions.each do |position|
                - if current_user.id == tutor.id
                  li.text-center.pr60
                    = link_to edit_settings_path(partial: 'settings/popover/position', id: position), class: 'edit-popover dullgrey', data: {placement: 'bottom', toggle: :tooltip, title: 'Edit Experience'}
                      i.fa.fa-pencil.edit-badge
                span class = "position-#{position.id}"
                  = render 'tutors/position', position: position

    #awards.tab-pane.fade class="#{'in active' unless tutor.positions.exists?}"
      .vspace10
      .row
        .col-xs-12.no-padding.darkgrey
          - if tutor.awards.exists?
            - tutor.awards.each do |award|
              - if current_user.id == tutor.id
                li.text-center.pr60
                  = link_to edit_settings_path(partial: 'settings/popover/award', id: award), class: 'edit-popover dullgrey', data: {placement: 'bottom', toggle: :tooltip, title: 'Edit Award'}
                    i.fa.fa-pencil.edit-badge
              span class = "award-#{award.id}"
                = render 'tutors/award', award: award

    #educations.tab-pane.fade class="#{'in active' unless tutor.educations.exists?}"
      .vspace10
      .row
        .col-xs-12.no-padding.darkgrey
          - if tutor.educations.size > 1
            - tutor.educations[1..-1].each do |education|
              - if current_user.id == tutor.id
                li.text-center.pr60
                  = link_to edit_settings_path(partial: 'settings/popover/education', id: education), class: 'edit-popover dullgrey', data: {placement: 'bottom', toggle: :tooltip, title: 'Edit Education'}
                    i.fa.fa-pencil.edit-badge
              span class = "education-#{education.id}"
                = render 'tutors/education', education: education