.row
  .userinfo.col-xs-12.col-sm-12.col-md-12.col-lg-12 id="user-#{@tutor.id}"
    .col-xs-12.col-sm-12.col-md-3.col-lg-3.center.no-padding
      #section-image
        = render "users/upload_image_form", user: @tutor

    .col-xs-12.col-sm-12.col-md-6.col-lg-6
      = render 'tutors/details', tutor: @tutor
    .col-xs-12.col-sm-12.col-md-3.col-md-3
      - if @tutor.type == 'Tutor' and @tutor == current_user
        .tutor-availability
          = render 'tutors/tutor_availability_type', tutor: @tutor
.row
  .edit-profile-tabs-wrapper
    ul.nav.nav-tabs.no-border role="tablist"
      li.active
        a class="ico-pro" data-toggle="tab" data-target="#pay-charge, #pay-charge .pay-form-wrapper" role="tab"  Pay
      li
        a class="ico-pro" data-toggle="tab" data-target="#pay-charge, #pay-charge .charge-form-wrapper" role="tab"  Charge
      li
        a class="ico-pro" data-toggle="tab" data-target="#appointments" role="tab"  Schedule
      li
        a class="ico-pro" data-toggle="tab" data-target="#tasks" role="tab"  Task
    .clearfix
      .tab-content
        #pay-charge.tab-pane.tab-pane.face.in.fade.active
          .tab-content
            .pay-form-wrapper.tab-pane.in.fade.active
              = render 'transactions/form', user: @tutor
            .charge-form-wrapper.tab-pane.in.fade
              = render 'tutors/invoices/form', user: @tutor
          .col-sm-12.infinitescroll.pull-right.mt-10.p10
            = render 'invoices/payment_details', invoices: @invoices_details
        #appointments.tab-pane.face.in.fade
          .appointment-calendar
            .calendar-wrapper
              - if logged_in?
                #calendar-edit-availability.hide
                  = render 'settings/forms/tutor/availability', tutor: @tutor
              #calendar-availability
                - if params[:controller] == 'dashboard'
                  .pull-right.pr15
                    = link_to 'Edit Availability', '#', data:{toggle:'class:hide', target:'#calendar-edit-availability, #calendar-availability'}
                = render 'tutoring_sessions/calendar_view', tutor: @tutor
        #tasks.tab-pane.fade.mt20
          = render "/tasks/task_list", group: @group, start_date: @start_date, end_date: @end_date, tasks: @tasks