.userinfo.mb10.col-xs-12 id="user-#{@user.id}"
  .col-sm-3.no-padding.center
    = image_tag @user.image.url(:big), alt: @user.name, class: 'imgshadow'
  .col-sm-9.pl0
    = render 'tutors/details', tutor: @user
.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
      - if logged_in?
        li.active
          a class="ico-pro" data-toggle="tab" href="#pay" role="tab"  Pay
        - if current_user.present? and current_user.tutor?
          li
            a class="ico-pro" data-toggle="tab" href="#charge" role="tab"  Charge
        li
          a class="ico-pro" data-toggle="tab" href="#appointments" role="tab"  Schedule
        li
          = link_to 'Message', init_chat_path(user_ids: [@user.id]), method: :post, remote: true
      - else
        li
          = link_to 'Pay', login_path, data:{toggle: :modal, target:'#remote-modal'}
        - if @user.tutor?
          li
            = link_to 'Charge', login_path, data:{toggle: :modal, target:'#remote-modal'}
        li
          = link_to 'Schedule', login_path, data:{toggle: :modal, target:'#remote-modal'}
        li
          = link_to 'Message', login_path, data:{toggle: :modal, target:'#remote-modal'}
    .clearfix
      .tab-content
        #pay.tab-pane.fade.face.in.fade.active
          = render 'transactions/form', user: @user
        - if current_user.present? and current_user.tutor?
          #charge.tab-pane.fade.mt20
            = render 'tutors/invoices/form', user: @user
        #appointments.tab-pane.fade.in
          .appointment-calendar
            .calendar-wrapper
              = render 'tutoring_sessions/calendar_view', tutor: @user