#main-content
  .userinfo.col-xs-12 id="user-#{@user.id}"
    .col-sm-3.no-padding.center
      = image_tag @user.image.url(:big), alt: @user.name, class: 'imgshadow img-responsive'
      .col-xs-12.ptb10
        - if @user.tutor?  && !ActsAsTenant.current_tenant.try(:prelaunch?)
          - if current_user and @user.id != current_user.id and @user.available_for_ask_a_question?
            .inline.pr10
              / = link_to new_question_path(tutor_id: @user.id), data:{toggle: :modal, target: '#remote-modal'}
              /  .fs12.fa.fa-question.dullgrey alt="Ask a question"
          - if current_user and @user.id != current_user.id and @user.available_for_video? && !ActsAsTenant.current_tenant.try(:prelaunch?)
            .inline.pr10
              /#
                = link_to new_video_session_path(session: {tutor_id: @user.id}), data:{toggle: :modal, target: '#remote-modal'}
                  .fs12.fa.fa-video-camera.dullgrey alt="Video Session"
          - if current_user and @user.id != current_user.id && !ActsAsTenant.current_tenant.try(:prelaunch?)
            .inline.pr10
              / a href="javascript:void(0)" onclick="$('a[href=#appointments]').trigger('click')"
              /  .fs12.fa.fa-calendar.dullgrey alt="Personal calendar"
              / a rel="nofollow" href="#{personal_calendar_path(user_id: @user.id)}"
              /  i.fs12.fa.fa-calendar.dullgrey alt="Personal calendar"
    .col-sm-9.pl0
      = render 'tutors/details', tutor: @user

    .pull-left.col-xs-12.pt25
      .col-sm-12.edit-profile-tabs-wrapper
        ul.nav.nav-tabs.inline id="tabs-demo" role="tablist"
          li class="#{'active' if @user.positions.exists? || @user.educations.count > 1 || @user.awards.exists?}"
            a class="ico-pro" data-toggle="tab" href="#credentials" role="tab"  Credentials
            - if current_user.id == @user.id
              = link_to edit_settings_path(editable: 'credentials'), title: "Edit Credentials", class: 'edit-cred'
                i.fa.fa-pencil.edit-badge
          - if @user.courses.exists? || @user.skills.exists?
            li class="#{'active' unless @user.positions.exists? || @user.educations.count > 1 || @user.awards.exists?}"
              a class="ico-pro" data-toggle="tab" href="#expertise" role="tab"  Expertise
              - if current_user.id == @user.id
                = link_to edit_settings_path(editable: 'expertise'), title: "Edit Courses/Skills",class: 'edit-cred'
                  i.fa.fa-pencil.edit-badge
          - if @user.courses_studying.exists? || @user.organizations.exists? || @user.user_skills.exists?
              li class="#{'active' unless @user.positions.exists? || @user.educations.count > 1 || @user.awards.exists? || @user.courses.exists? || @user.skills.exists?}"
                a class="ico-pro" data-toggle="tab" href="#bio" role="tab"  Bio
          - if @user.recieved_reviews.exists?
            li.hide
              a class="ico-pro" data-toggle="tab" href="#ratings" role="tab"  Ratings
          / - unless ActsAsTenant.current_tenant.try(:prelaunch)
          /  li
          /    a class="ico-pro" data-toggle="tab" href="#appointments" role="tab"  Schedule

        .clearfix

        .tab-content.pt25
          #credentials.tab-pane.fade.in class="#{'active' if @user.positions.exists? || @user.educations.count > 1 || @user.awards.exists?}"
            - if @user.positions.exists? || @user.educations.count > 1 || @user.awards.exists?
              = render 'tutors/credentials', tutor: @user
            - else
              | Click on Edit to add credentials.
          #expertise.tab-pane.fade.face.in class="#{'active' unless @user.positions.exists? || @user.educations.count > 1 || @user.awards.exists?}"
            = render 'tutors/expertise', tutor: @user
          #bio.tab-pane.face.in.fade class="#{'active' unless @user.positions.exists? || @user.educations.count > 1 || @user.awards.exists? || @user.courses.exists? || @user.skills.exists?}"
              = render 'tutors/bio', tutor: @user
          #ratings.tab-pane.fade.hide
            = render 'tutors/reviews', reviews: @reviews, tutor: @user
          / - unless ActsAsTenant.current_tenant.try(:prelaunch)
          /  #appointments.tab-pane.fade
          /    .legend-wrapper.ml50
          /      .passedEvent.pl0
          /        span  
          /        | Passed Event
          /      .busyEvent
          /        span  
          /        | Busy
          /      .calAvailable
          /        span  
          /        | Available
          /      .pending
          /        span  
          /        | Pending
          /      .confirmed
          /        span  
          /        | Confirmed

              .appointment-calendar.calendarScrollFix data-margin-top=54 data-z-index=900
                .pt20.pl30
                  = render 'shared/calendar_display_range', data_target: '#availability-calendar', min_time: Time.now.change(hour: 8, min: 0), max_time: Time.now.change(hour: 17, min: 0)
                .vspace20
                .relative.text-center
                  h2.custdb-txt-appt.fs18.left
                    | Availability  
                    br/
                    .fs10.semibold.pull-left.darkgrey.w100pct
                      | To book #{user.name}, click on an available timeslot to create an appointment request
                  #availability-calendar.w95pct.m-auto data-load-url=availability_tutor_path(except: :booked) data-session-url=new_tutor_tutoring_session_path(user) data-margin-top=54 data-z-index=900 data-event-url=new_event_path data-minTime='08:00:00' maxTime='16:59:59'

        - if session[:tutoring_session]
          - content_for :include_js do
            javascript:
              $('#remote-modal').modal({
                show: true,
                remote: '#{new_tutor_tutoring_session_path(session[:tutoring_session][:tutor_id], tutoring_session: session.delete(:tutoring_session))}'
              })