{% set viewdUser = get_viewed_user() %}
<div class="widget-no-background">
<div class="widget-body text-center">
<div class="user-img innerB">
{% if viewdUser != app.user %}
<a href="{{ get_user_profile_url(viewdUser) }}" class="instant-load" target="about">
{% endif %}
{% include 'SocialFrontendBundle:Photos:profile_photo_single_item.html.twig' with {user: viewdUser, filter: 'user_sidebar_thumb', 'class': 'sidebar'} %}
{% if viewdUser != app.user %}
</a>
{% endif %}
{% if viewdUser == 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: 'sidebar' } %}
</span>
<div id="progress-photo-file" class="progress hidden">
<div class="progress-bar progress-bar-success hidden"></div>
</div>
{% endif %}
</div>
<div class="user-name">
<h2 class="strong margin-none user-name">
<span data-original-title="" data-toggle="tooltip"
class="status status-{% if viewdUser.isOnline or viewdUser == app.user %}online{% else %}offline{% endif %}"><i
class="fa fa-circle"></i></span>
<i class="name-display" data-placement="top" data-original-title="{{ viewdUser }}"
data-toggle="tooltip">
{{ get_html_entity_safe_split(viewdUser, 18) }}
</i>
{% if viewdUser.age and viewdUser.username != default_member_profile['username'] %}
<span class="age">, {{ viewdUser.age }}</span>
{% endif %}
{# {% if app.user.packageName != 'default' %}#}
<span>
<i class="fa fa-fw fa-{{ viewdUser.fontAwesomeIconForPackageName() }} {{ viewdUser.packageName }}"
data-placement="top" data-toggle="tooltip"
data-original-title="{% include 'SocialFrontendBundle:Default:package_display.html.twig' with {user: viewdUser} %}">
</i>
</span>
{# {% endif %}#}
{% if isBoostedProfile(viewdUser) %}
<span class="boost-profile-icon">
<i class="fa far fa-rocket" data-placement="top" data-toggle="tooltip" data-original-title="{% trans %}has a boosted profile{% endtrans %}"></i>
</span>
{% endif %}
{% if app.user and viewdUser != app.user %}
<input type="hidden" value="{{ viewdUser.username }}" id="report_member_name">
<input type="hidden" value="{{ getMemberReportReasonSettings() }}" id="report_member_setting_header">
<input type="hidden" value="{{ get_user_profile_picture(viewdUser, 'user_sidebar_thumb') }}" id="report_member_image">
<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 {{ viewdUser }}"
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(viewdUser, 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(viewdUser, 18) }}
</a>
</li>
</ul>
</span>
{% include 'SocialFrontendBundle:Components/Account:report_member_modal.html.twig' with {'member': viewdUser} %}
{% endif %}
</h2>
</div>
{% if viewdUser.newLocation or viewdUser.workplace %}
<div class="profile-icons innerB">
{% if viewdUser.newLocation %}
<span data-toggle="tooltip" data-original-title="{{ viewdUser.newLocation.userListing }}"
data-placement="top">
<i class="fa fa-map-marker"></i> {{ viewdUser.newLocation.userListing(17) }}
</span>
{% endif %}
{% if viewdUser.workplace and can_view_user_private_info() %}
<span data-toggle="tooltip" data-original-title="{{ viewdUser.workplace }}"
data-placement="top">
<i class="fa fa-briefcase"></i> {{ get_html_entity_safe_split(viewdUser.workplace, 17) }}
</span>
{% endif %}
</div>
{% endif %}
{% if viewdUser != 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: viewdUser, useShortLabels: false, shouldRemoveUserOnCancelRequest: false, cancelButtonNoFollowUpClass: false,
btnSmClass: 'not-existent', btnStrokeClass: 'not-existent', pullRightClassOnAnchor: 'not-existent',
pullRightClassOnItalic: 'pull-right', showUsername: false} %}
{% else %}
<a class="btn btn-success btn-group-vertical friend-request-btn signup-modal-open"
data-placement="top"
data-original-title="Add Friend" data-toggle="tooltip"
{% if app.user is null or app.user is not defined %}href="#modal-signup"
{% else %}href="{{ path('fos_user_security_login') }}"{% endif %}>
<i class="fa fa-fw fa-user-plus pull-right"></i>{% trans %}Add Friend{% endtrans %}
</a>
{% endif %}
</div>
{% endif %}
</div>
</div>
{% if app.user and app.user.isFake == true and app.user.invite == true %}
{# {% if app.user and single_contact_invite_visibility|length and ('all' in single_contact_invite_visibility or app.user.username in single_contact_invite_visibility) %} #}
<div class="widget">
<h5 class="innerAll margin-none border-bottom bg-gray">{% trans %}Invite Friend{% endtrans %}</h5>
<div class="widget-body text-center">
<form class="form-invite-friend overflow-hidden" method="POST" action="{{ path('social_invite') }}"
id="invite-single-contact-frm">
<input type="hidden" name="single-contact" value="1"/>
<div class="form-group row innertb">
<div class="col-sm-12">
<input type="email" class="form-control text-center" id="invite-single-contact-txt"
aria-describedby="emailHelp" placeholder="{% trans %} add emails here{% endtrans %}"
name="emails[]">
<small id="emailHelp"
class="form-text text-muted">{% trans %}enter your friend's email in the box above{% endtrans %}</small>
</div>
</div>
<div class="row innertb overflow-hidden">
<div class="col-xs-12 check-invite-friend-action">
<input type="checkbox" class="form-check-input" id="contact-invite-agree-terms-chkbox">
<label class="form-check-label" for="contact-invite-agree-terms-chkbox">
{% trans with {'%tag_start%': '<a href="' ~ url('cms_page_route', {'slug': 'terms-and-conditions' }) ~ '" class="instant-load">', '%tag_end%': '</a>'} %}
I agree with %tag_start%terms and conditions%tag_end%.
{% endtrans %}
{#{% trans with {'%tag_start%': '<a href="' ~ path('social_terms_conditions') ~ '" class="instant-load">', '%tag_end%': '</a>'} %}
I agree with %tag_start%terms and conditions%tag_end%.
{% endtrans %}#}
</label>
</div>
</div>
<div class="button-holder" data-placement="top"
data-original-title="{% trans %}you must agree to terms and conditions to invite a friend{% endtrans %}"
data-toggle="tooltip">
<button disabled type="submit" class="btn-invite-friend btn btn-primary align-center disable"
id="contact-invite-single-btn">
{% trans %}Send Invite{% endtrans %}
<i class="fa fa-share" aria-hidden="true"></i>
</button>
</div>
</form>
<div class="text-invite-friend text-center">
<p>
<b>***</b> {% trans %}If your friend does not respond right away, we will send up to two reminders, on your behalf.{% endtrans %}
</p>
</div>
</div>
</div>
{% endif %}
{% if app.user and viewdUser == app.user %}
<div class="widget">
<div class="progress {% if app.user.getProfileCompletionPercentage != 0 %}collapsed{% endif %}"
data-toggle="collapse" href="#collapseProgress" role="button"
aria-expanded="{% if app.user.getProfileCompletionPercentage == 0 %}true{% else %}false{% endif %}"
aria-controls="collapseProgress">
<div class="progress-{{ app.user.getProfileCompletionPercentage }}">
<div class="progress-bar" role="progressbar"
aria-valuenow="{{ app.user.getProfileCompletionPercentage }}"
aria-valuemin="0" aria-valuemax="100" style="width:{{ app.user.getProfileCompletionPercentage }}%">
<span>
{% trans with {'%percentage%': app.user.getProfileCompletionPercentage} %}%percentage% % Complete{% endtrans %}
</span>
</div>
<i class="fa fa-fw fa-user fa-user-progressbar" aria-hidden="true"></i>
</div>
</div>
<div id="collapseProgress"
class="widget-body collapsed collapse {% if app.user.getProfileCompletionPercentage == 0 %}in{% else %}{% endif %}">
<div class="complet-profile">
<ul class="list-unstyle margin-none">
<li class="{% if app.user.profileCompletePhotoUpload %}made{% else %}to-made{% endif %}">
<i class="fa fa-fw {% if app.user.profileCompletePhotoUpload %}fa-check-square-o{% else %}fa-times{% endif %}"
aria-hidden="true"></i>
{% if app.user.profileCompletePhotoUpload %}
{% trans %}Upload a photo{% endtrans %}
{% else %}
<a href="{{ path('social_frontend_account_photos') }}" class="instant-load" target="photos">
{% trans %}Upload a photo{% endtrans %}
</a>
{% endif %}
</li>
<li class="{% if app.user.profileCompleteMadeFriends %}made{% else %}to-made{% endif %}">
<i class="fa fa-fw {% if app.user.profileCompleteMadeFriends %}fa-check-square-o{% else %}fa-times{% endif %}"
aria-hidden="true"></i>
{% if app.user.profileCompleteMadeFriends %}
{% trans %}Made friends{% endtrans %}
{% else %}
<a href="{{ path('social_frontend_search') }}" class="instant-load" target="search">
{% trans %}Make friends{% endtrans %}
</a>
{% endif %}
</li>
<li class="{% if app.user.profileCompleteLikedPhoto %}made{% else %}to-made{% endif %}">
<i class="fa fa-fw {% if app.user.profileCompleteLikedPhoto %}fa-check-square-o{% else %}fa-times{% endif %}"
aria-hidden="true"></i>
{% if app.user.profileCompleteLikedPhoto %}
{% trans %}Liked a friend's photo{% endtrans %}
{% else %}
<a href="{{ path('social_frontend_account_friends') }}" class="instant-load"
target="friends">
{% trans %}Liked a friend's photo{% endtrans %}
</a>
{% endif %}
</li>
<li class="{% if app.user.profileCompleteSentMessage %}made{% else %}to-made{% endif %}">
<i class="fa fa-fw {% if app.user.profileCompleteSentMessage %}fa-check-square-o{% else %}fa-times{% endif %}"
aria-hidden="true"></i>
{% if app.user.profileCompleteSentMessage %}
{% trans %}Sent at least one message{% endtrans %}
{% else %}
<a href="{{ path('social_frontend_account_messages') }}" class="instant-load"
target="messages">
{% trans %}Send at least one message{% endtrans %}
</a>
{% endif %}
</li>
</ul>
</div>
</div>
</div>
{% endif %}
{% if creditsPackagesActivated == 0 %}
{% if app.user and app.user.packageName != 'diamond' %}
<div class="widget upgrade-right-sidebar-widget {% if app.user.packageName == 'default' and app.user.numberOfMessagesSent < 25 %} hidden {% endif %}">
<div class="widget-body text-center upgrade-right-sidebar-widget-area">
<a class="btn btn-success btn-block btn-ripple-out open-payment-modal-lnky"
selected-package="diamond"
onclick="showPaymentModalPay(null,'{{ 'diamond' }}',null,'payment-btnSidebar');"
title="{% trans %}UPGRADE TO PREMIUM SERVICES{% endtrans %}">{% trans %}UPGRADE TO PREMIUM SERVICES{% endtrans %}</a>
<p>{% trans %}Start enjoying our premium features right now!{% endtrans %}</p>
<p>{% trans %}With only ~0.56 € per day, you have the chance to get 300% more profile views, and a lot more <a href="#" class="open-diamond-benefits-btn"><u>benefits</u></a>.{% endtrans %}</p>
{# <p>{% trans %}See below the list of available features for the <strong>Diamond</strong> #}
{# package:{% endtrans %}</p> #}
<div class="diamond-benefits-area hidden">
<p>
These are the benefits of the <i class="fa fa-diamond"></i> Diamond package
</p>
{% if creditsPackagesActivated %}
{{ render(controller('SocialFrontendBundle:Package:getPackageDetailsByName', {'name' : 'pro'})) }}
{% endif %}
</div>
</div>
</div>
{% endif %}
{% endif %}
<div class="boosted-users">
{{ render(controller('SocialFrontendBundle:Account:getBoostedUsers')) }}
</div>
<div class="friend-suggestion-div">
{{ render(controller('SocialFrontendBundle:Account:friendSuggestions')) }}
</div>
{% if app.user and app.user.canDisplayCamsLink %}
{# <div class="widget">
<div class="widget-body">
<a href="#" class="redirect-to-cam">
<img class="img-responsive" src="/bundles/socialfrontend/images/cam.gif"/></a>
</div>
</div> #}
{% endif %}
<div class="footer-right-sidebar">
{% include 'SocialFrontendBundle::layout_footer_base.html.twig' %}
</div>