#appointments
  .appointment-calendar
    .vspace15
    .bold.orange.pl50.ptb20
      | Personal Calendar
    .col-xs-12.col-sm-12.col-lg-9.center.calendarScrollFix data-margin-top=54 data-z-index=900
      h2.custdb-txt-appt
        span
          = pluralize(@upcoming_sessions_count, 'Appointment')
      ul.nav.nav-tabs.no-border.custdb-tab role="tablist"
        li.active
          = link_to tutoring_sessions_path(view: :calendar), data: {toggle: :tab, target: '#calendar-view'}, class: 'pad8' do
            i.fa.fa-calendar
            | Calendar
        li
          = link_to tutoring_sessions_path(view: :list), data: {toggle: :tab, target: '#list-view'}, class: 'pad8' do
            i.fa.fa-bars
            | List View
      .clearfix
      .tab-content
        #calendar-view.tab-pane.fade.in.active
          = render 'tutoring_sessions/calendar_view', tutor: @tutor
        #list-view.pad8.tab-pane.fade.pt40

    .col-xs-12.col-sm-12.col-lg-3.center
      = render 'dashboard/show/appointments_sidebar'