<div class="timeline-buttons">
<div class="row">
<div class="col-sm-6 col-xs-6 user-section">
<div class="user-name">
<h2 class="strong margin-none user-name">
<span class="name-user-title name-display">
<i class="fa fa-fw fa-{{ get_viewed_user().fontAwesomeIconForPackageName() }} {{ get_viewed_user().packageName }}" data-placement="top" data-toggle="tooltip"
data-original-title="{% include 'SocialFrontendBundle:Default:package_display.html.twig' with {user: get_viewed_user()} %}">
</i>
{{ get_html_entity_safe_split(get_viewed_user(), 18) }}{% if get_viewed_user().age and get_viewed_user().username != default_member_profile['username'] %}, {{ get_viewed_user().age }}{% endif %}
</span>
{% if get_viewed_user().newLocation or get_viewed_user().workplace %}
{% if get_viewed_user().newLocation %}
<span class="location">
<i class="fa fa-map-marker" aria-hidden="true"></i>
{{ get_viewed_user().newLocation.userListing(17) }}
</span>
{% endif %}
{% endif %}
</h2>
</div>
<div class="user-img">
{% include 'SocialFrontendBundle:Photos:profile_photo_single_item.html.twig' with {user: get_viewed_user(), filter: 'user_sidebar_thumb', 'class': 'sidebar'} %}
{% if get_viewed_user() == app.user %}
<span class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-camera text-muted"></i></a>
{% include 'SocialFrontendBundle:Components/Account:profile_picture_upload.html.twig' with {area: 'responsive'} %}
</span>
<div id="progress-photo-file" class="progress hidden">
<div class="progress-bar progress-bar-success hidden"></div>
</div>
{% endif %}
</div>
</div>
<div class="col-sm-6 col-xs-6 user-section-btns">
{% if get_viewed_user() != app.user %}
<div class="btn-group-vertical btn-block user-box with-reload">
{% if app.user %}
{% include 'SocialFrontendBundle:Components/Friends:user_actions.html.twig' with
{ user: get_viewed_user(), useShortLabels: false, shouldRemoveUserOnCancelRequest: false, cancelButtonNoFollowUpClass: false,
btnSmClass: 'not-existent', btnStrokeClass: 'not-existent', pullRightClassOnAnchor: 'not-existent',
pullRightClassOnItalic: 'pull-right', showUsername: false} %}
{% else %}
{% set registerActions='' %}
{% set specialClass = '' %}
{% if app.user %}
{% set url = path('fos_user_security_login') %}
{% set registerActions='href="' ~ url ~ '"' %}
{% else %}
{% set registerActions='href="#modal-signup"' %}
{% set specialClass = ' signup-modal-open' %}
{% endif %}
<a class="btn btn-success btn-group-vertical user-box-btn friend-request-btn {{ specialClass }}" data-placement="top"
data-original-title="Add Friend" data-toggle="tooltip" {{ registerActions|raw }} ">
<i class="fa fa-fw fa-user-plus pull-right"></i>{% trans %}Add Friend{% endtrans %}
</a>
{% endif %}
<input type="hidden" value="{{ get_viewed_user().username }}" id="report_member_name">
<span class="dropdown member-menu">
<a class="dropdown-toggle btn-report-member" data-toggle="dropdown">
<i class="fas fa-ellipsis-v" data-placement="top" data-original-title="Report {{ get_viewed_user() }}"
data-toggle="tooltip"></i>
</a>
<ul class="dropdown-menu block-report-member-ul">
<li>
<a class="show-report-member-form-btn" href="javascript:;">
<i class="far fa-ban"></i>
Block {{ get_html_entity_safe_split(get_viewed_user(), 18) }}
</a>
</li>
<li>
<a class="show-report-member-form-btn" href="javascript:;">
<i class="far fa-exclamation-circle"></i>
Report {{ get_html_entity_safe_split(get_viewed_user(), 18) }}
</a>
</li>
</ul>
</span>
{% include 'SocialFrontendBundle:Components/Account:report_member_modal.html.twig' with {'member': get_viewed_user()} %}
</div>
{% endif %}
</div>
</div>
</div>