.previous_tutoring_session
  h4.bold
    | Previous Sessions
  - tutoring_sessions.each do |pes|
    .col-xs-12.infinitescroll-element.panel.no-shadow.no-padding
      = link_to "\#pes-detail-#{pes.id}", data:{toggle: :collapse, parent: :"#accordion"}, class: "collapsed #{pes.status} icp-accord" do
        .col-sm-11.fs11.semibold.left
          | Session with 
          - if current_user == pes.tutor
            = "#{pes.user.name} as "
            = "#{Tutor.model_name.human}"
          - else
            = "#{pes.tutor.name} as "
            = "#{Student.model_name.human}"
          = " on #{pes.date.day_month_date} from #{pes.start_time.hr_min_mer} to #{pes.end_time.hr_min_mer}"
        .col-sm-1.fs8.upcase.no-padding
          - if pes.status_label == "passed"
            .darkblue.pt4
              = pes.status_label
          - elsif pes.status_label == "pending"
            .txt-red.pt4
              = pes.status_label
          - else
            .txt-green.pt4
              = pes.status_label
        .clearfix

      div id = 'pes-detail-#{pes.id}' class = 'collapse'
        .col-sm-12.icp-accord.mt-2.pl15.pt0.pb10.fs9.left
          = render 'tutoring_sessions/tutoring_session', tutoring_session: pes
          .inline.fs8.no-padding
            - if current_user == pes.tutor && pes.pending?
              = link_to 'Respond', respond_tutor_tutoring_session_path(pes), data: {toggle: :modal, target: '#remote-modal'}
          .inline.fs8.no-padding
            - if current_user == pes.user
              - if pes.passed_but_not_paid?
                = link_to 'Rate and Pay', rating_tutoring_session_path(pes), data: {toggle: :modal, target: '#remote-modal'}
              - if !(pes.passed? || pes.confirmed?)
                = link_to 'Edit Details', edit_tutoring_session_path(pes), data: {toggle: :modal, target: '#remote-modal'}
.clearfix