.row
  .userinfo.col-xs-12.col-sm-12.col-md-12.col-lg-12
    .col-xs-12.col-sm-12.col-md-3.col-lg-3.center
      #section-image
        = render "users/upload_image_form", user: @student

    .col-xs-12.col-sm-12.col-md-9.col-lg-9
      = render 'tutors/details', tutor: @student

.row
  .edit-profile-tabs-wrapper
    ul.nav.nav-tabs.no-border role="tablist"
      li.hide
        a class="ico-pro" data-toggle="tab" href="#about" role="tab"  About
      li.active
        a class="ico-pro" data-toggle="tab" href="#pay" role="tab"  Pay
      li
        a class="ico-pro" data-toggle="tab" href="#appointments" role="tab"  Schedule
      li
        a class="ico-pro" data-toggle="tab" href="#tasks" role="tab"  Task
    .clearfix
      .tab-content
        #pay.tab-pane.face.in.fade.active
          = render 'transactions/form', user: @student
          .col-sm-12.infinitescroll.pull-right.mt-10.p10
            = render 'invoices/payment_details', invoices: @invoices_details
        #appointments.tab-pane.fade.in
          .appointment-calendar
            .calendar-wrapper
              = render 'tutoring_sessions/calendar_view', tutor: @student
        #tasks.tab-pane.fade.mt20
          = render "/tasks/task_list", group: @group, start_date: @start_date, end_date: @end_date, tasks: @tasks