.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.active
        a class="ico-pro" data-toggle="tab" href="#about" role="tab"  About
      li
        = link_to 'Message', init_chat_path(user_ids: [@user.id]), method: :post, remote: true
      - if logged_in?
        li class="#{'hide' unless @user.available_for_video? }"
          = link_to 'Video', new_video_session_path(session: {tutor_id: @user.id}), data:{toggle: :modal, target: '#remote-modal'}
        li
          a class="ico-pro" data-toggle="tab" href="#pay" role="tab"  Pay
        - if current_user.tutor?
          li
            a class="ico-pro" data-toggle="tab" href="#charge" role="tab"  Charge
      - else
        li class="#{'hide' unless @user.available_for_video? }"
          = link_to 'Video', login_path, data:{toggle: :modal, target:'#remote-modal'}
        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'}
    .clearfix
      .tab-content
        #about.tab-pane.face.in.fade.active
          = render 'profile/about', user: @user
        #pay.tab-pane.fade.mt20
          = render 'transactions/form', user: @user
        - if current_user.present? and current_user.tutor?
          #charge.tab-pane.fade.mt20
            = render 'tutors/invoices/form', user: @user