.panel.panel-default.hidden-xs
  %img.userbox--header{src: current_user.profile_header.url(:mobile)}
  .panel-body
    %img.userbox--avatar{src: current_user.profile_picture.url(:small)}
    %p.userbox--username
      - if current_user.display_name.blank?
        %span.profile--displayname
          = current_user.screen_name
      - else
        %span.profile--displayname
          = current_user.display_name
        %span.profile--username
          = current_user.screen_name
    .row
      %a{href: show_user_followers_path(current_user.screen_name)}
        .col-md-6.col-sm-6.col-xs-6
          %h4.entry-text#follower-count= current_user.follower_count
          %h6.entry-subtext= t('views.general.follower').pluralize(current_user.follower_count)
      %a{href: show_user_friends_path(current_user.screen_name)}
        .col-md-6.col-sm-6.col-xs-6
          %h4.entry-text#friend-count= current_user.friend_count
          %h6.entry-subtext= t('views.general.following')
.panel.panel-default.hidden-xs
  %ul.nav.nav-pills.nav-stacked
    = list_group_item t('views.general.timeline'), root_path
    = list_group_item t('views.general.public'), public_timeline_path
    - current_user.groups.each do |group|
      = list_group_item group.display_name, group_timeline_path(group.name)
- unless @group.nil?
  .panel.panel-default.profile--panel.hidden-xs
    .panel-heading
      %h3.panel-title= t('views.group.members')
    .panel-body
      - @group.members.each do |member|
        %a{href: show_user_profile_path(member.user.screen_name), title: member.user.screen_name, data: { toggle: :tooltip, placement: :top }}
          %img.img-rounded.answerbox--img-small{src: member.user.profile_picture.url(:medium)}

.hidden-xs= render 'shared/links'