.upcoming_tutoring_session
  h4.bold
    | Upcoming Sessions
  - tutoring_sessions.each do |ues|
    .col-xs-12.infinitescroll-element.panel.no-shadow.no-padding
      = link_to "\#ues-detail-#{ues.id}", data:{toggle: :collapse, parent: :"#accordion"}, class: "collapsed #{ues.status} icp-accord" do
        .col-sm-11.fs11.semibold.left
          | Session with 
          - if current_user == ues.tutor
            = "#{ues.user.name} as "
            = "#{Tutor.model_name.human}"
          - else
            = "#{ues.tutor.name} as "
            = "#{Student.model_name.human}"
          = " on #{ues.date.day_month_date} from #{ues.start_time.hr_min_mer} to #{ues.end_time.hr_min_mer}"
        .col-sm-1.fs8.upcase.no-padding
          - if ues.status_label == "pending"
            .txt-red.pt4
              = ues.status_label
          - else
            .txt-green.pt4
              = ues.status_label
        .clearfix
      div id = 'ues-detail-#{ues.id}' class = 'collapse'
        .col-sm-12.icp-accord.mt-2.pl15.pt0.pb10.fs9.left
          = render 'tutoring_sessions/tutoring_session', tutoring_session: ues
          .inline.fs8.no-padding
            - if current_user == ues.tutor && ues.pending?
              = link_to 'Respond', respond_tutor_tutoring_session_path(ues), data: {toggle: :modal, target: '#remote-modal'}
          .inline.fs8.no-padding
            - if current_user == ues.user
              - if !(ues.passed? || ues.confirmed?)
                = link_to 'Edit Details', edit_tutoring_session_path(ues), data: {toggle: :modal, target: '#remote-modal'}
.clearfix