- page_title       @user.name
- page_description @user.bio
- header_title     @user.name, user_path(@user)
- @no_container = true

= content_for :meta_tags do
  = auto_discovery_link_tag(:atom, user_url(@user, format: :atom), title: "#{@user.name} activity")

= render 'shared/show_aside'

.cover-block
  .cover-controls
    - if @user == current_user
      = link_to profile_path, class: 'btn btn-gray' do
        = icon('pencil')
    - elsif current_user
      %span.report-abuse
        - if @user.abuse_report
          %button.btn.btn-danger{ title: 'Already reported for abuse',
            data: { toggle: 'tooltip', placement: 'left', container: 'body' }}
            = icon('exclamation-circle')
        - else
          = link_to new_abuse_report_path(user_id: @user.id, ref_url: request.referrer), class: 'btn btn-gray',
            title: 'Report abuse', data: {toggle: 'tooltip', placement: 'left', container: 'body'} do
            = icon('exclamation-circle')
    - if current_user
       
      = link_to user_path(@user, :atom, { private_token: current_user.private_token }), class: 'btn btn-gray' do
        = icon('rss')

  .avatar-holder
    = link_to avatar_icon(@user, 400), target: '_blank' do
      = image_tag avatar_icon(@user, 90), class: "avatar s90", alt: ''
  .cover-title
    = @user.name

  .cover-desc
    %span.middle-dot-divider
      @#{@user.username}
    %span.middle-dot-divider
      Member since #{@user.created_at.to_s(:medium)}

  - if @user.bio.present?
    .cover-desc
      %p.profile-user-bio
        = @user.bio

  .cover-desc
    - unless @user.public_email.blank?
      .profile-link-holder.middle-dot-divider
        = link_to @user.public_email, "mailto:#{@user.public_email}"
    - unless @user.skype.blank?
      .profile-link-holder.middle-dot-divider
        = link_to "skype:#{@user.skype}", title: "Skype" do
          = icon('skype')
    - unless @user.linkedin.blank?
      .profile-link-holder.middle-dot-divider
        = link_to "https://www.linkedin.com/in/#{@user.linkedin}", title: "LinkedIn" do
          = icon('linkedin-square')
    - unless @user.twitter.blank?
      .profile-link-holder.middle-dot-divider
        = link_to "https://twitter.com/#{@user.twitter}", title: "Twitter" do
          = icon('twitter-square')
    - unless @user.website_url.blank?
      .profile-link-holder.middle-dot-divider
        = link_to @user.short_website_url, @user.full_website_url
    - unless @user.location.blank?
      .profile-link-holder.middle-dot-divider
        = icon('map-marker')
        = @user.location

  %ul.nav-links.center
    %li.active
      = link_to "#activity", 'data-toggle' => 'tab' do
        Activity
    %li
      = link_to "#groups", 'data-toggle' => 'tab' do
        Groups
    %li
      = link_to "#contributed", 'data-toggle' => 'tab' do
        Contributed projects
    %li
      = link_to "#personal", 'data-toggle' => 'tab' do
        Personal projects

%div{ class: container_class }
  .tab-content
    .tab-pane.active#activity
      .gray-content-block.white.second-block
        %div{ class: container_class }
          .user-calendar
            %h4.center.light
              %i.fa.fa-spinner.fa-spin
        .user-calendar-activities


      .content_list
      = spinner

    .tab-pane#groups
      %ul.content-list.user-groups
        %h4.center.light
          %i.fa.fa-spinner.fa-spin

    .tab-pane#contributed
      .contributed-projects
        %h4.center.light
          %i.fa.fa-spinner.fa-spin

    .tab-pane#personal
      .personal-projects
        %h4.center.light
          %i.fa.fa-spinner.fa-spin

:javascript
  $('.nav-links').stickyTabs();
  $(".user-calendar").load("#{user_calendar_path}");
  $(".user-groups").load("#{user_groups_path}");
  $(".contributed-projects").load("#{user_contributed_projects_path}");
  $(".personal-projects").load("#{user_projects_path}");

  $("body").on("ajax:success", function(e, data, status, xhr) {
    $(".personal-projects").html(xhr.responseText)
  });