{% set pusherInstanceId = app.request.server.get('PUSHER_BEAM_INSTANCE_ID') %}
{% set pusherSecretKey = app.request.server.get('PUSHER_BEAM_SECRET_KEY') %}
{% if app.user %}
<nav class="navbar navbar-default top-nav navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle btn-menu-size pull-right" data-toggle="collapse"
data-target="#navbar-fixed-layout-collapse">
<i class="fas fa-2x fa-bars"></i>
<span class="hidden-menu-responsive">Menu</span>
</button>
<ul class="nav navbar-nav navbar-right pull-right">
{% if creditsPackagesActivated == 0 %}
<li class="hidden-xs {% if app.user.packageName == 'default' and app.user.numberOfMessagesSent < 25 %} hidden {% endif %} ">
<a href="#upgrade"
class="btn-pulse menu-upgrade-button open-payment-modal-lnky"
selected-package="{% if app.user.packageName == 'diamond' %}platin{% else %}diamond{% endif %}"
onclick="showPaymentModalPay(null,'{{ app.user.packageName == 'diamond' ? 'platin' : 'diamond' }}',null,'payment-BtnHeader');$('.proceed-with-payment-btn').click();"
title="{% trans %}Upgrade{% endtrans %}">{% trans %}Upgrade{% endtrans %}</a>
</li>
{% else %}
{% include '@SocialFrontend/Components/Navigation/account_top_navigation_credits.html.twig' %}
{% endif %}
{% if app.user %}
<li class="dropdown display-view-profile">
<a href="{{ path('social_account_who_viewed_my_profile') }}"
data-placement="top"
data-original-title="{% trans %}Who viewed my profile{% endtrans %}"
data-toggle="tooltip"
class="instant-load" target="profile-views">
<span id="number-of-unread-profile-views"
class="pulse {% if app.user.hasUnseenProfileViews == false %}hidden{% endif %}">{{ app.user.totalNbrUnseenProfileViews }}</span>
<i class="fa fa-fw fa-eye" aria-hidden="true"></i>
</a>
</li>
<li class="dropdown notifications updates">
<a data-toggle="dropdown" class="dropdown-toggle toggle-alerts-display"
mark-user-unread-alerts-url="{{ path('social_user_mark_unread_alerts') }}" href="#"
aria-expanded="true">
<span id="number-of-unread-alerts"
class="pulse {% if get_user_number_of_unread_alerts(app.user) <= 0 %}hidden{% endif %}">
{{ get_user_number_of_unread_alerts(app.user) }}
</span>
<i class="far fa-bell"></i>
</a>
<ul role="notification" class="dropdown-menu" id="alerts-area">
{% set unreadAlerts = get_user_last_unread_alerts(app.user) %}
{% set messageSettings = checkMessageSettings(app.user) %}
{% if unreadAlerts|length %}
{% for alert in unreadAlerts %}
{% if messageSettings and alert.fromUser.id != app.user.id and alert.type == 2 %}
{% include 'SocialFrontendBundle:Components/Alert:blurred_alert.html.twig' with {alert: alert, messageSettings: messageSettings} %}
{% else %}
{% include 'SocialFrontendBundle:Components/Alert:type_' ~ alert.type ~ '.html.twig' with {alert: alert} %}
{% endif %}
{% endfor %}
{% else %}
<li class="media innerAll there-are-no-alerts-area">
<div class="media-body innerlr">
{% trans %}There are no unread alerts.{% endtrans %}
</div>
</li>
{% endif %}
<li class="media innerall">
<a class="text-center instant-load" target="alerts"
href="{{ path('social_frontend_alerts') }}">
{% trans %}see all alerts{% endtrans %}
</a>
</li>
</ul>
</li>
<li class="dropdown member-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="pull-left innerR">
{% include 'SocialFrontendBundle:Photos:profile_photo_single_item.html.twig' with {user: app.user, filter: 'user_small_thumb', 'class': 'small'} %}
</span>
<span class="user-name-member hidden-xs">
{{ app.user }}
</span>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
{% if creditsPackagesActivated == 1 %}
<li class="user-credits-entry">
<a href="javascript:;">
<i class="fad fa-coins" aria-hidden="true"></i>
<div class="inner-package-wrapper">
{% set hideCredits = '' %}
{% if app.user.isFake == false and isUserOnFirstFreePackage(app.user.id) == true and app.user.credits > 0 %}
{% set hideCredits = 'hide' %}
<span class="free-package">
{{ 'Free Package'|trans }}
</span>
{% endif %}
{% if app.user.packageName == 'default' and app.user.isFake == false and isUserOnFirstFreePackage(app.user.id) == false %}
{% set hideCredits = 'hide' %}
<span class="free-package">
{{ 'Free Package'|trans }}
</span>
{% endif %}
<span class="credits-active-number {{ hideCredits }}">
{% trans %}Credits{% endtrans %}
<span id="number-of-credits"
class="number-active-credits">{{ app.user.credits }}</span>
</span>
</div>
</a>
</li>
{% set showEntry = false %}
{% if app.user.bonusCredits > 0 %}{% set showEntry = true %}{% endif %}
<li id="bonus-activate-entry"
{% if showEntry == false %}style="display: none"{% endif %}>
<a href="javascript:;"
class="apply-bonus-button"
data-url="{{ url('social.credits.activate_bonus') }}"
onclick="SocApp.applyBonusCredits(this);return;"
{% if app.user.credits == 0 and app.user.bonusCredits == 0 %}style="display: none;"{% endif %}>
{% if app.user.bonusCredits > 0 %}
{% set userBonusCredits = app.user.bonusCredits %}
<span class="bonus-amount-credits">
{% trans with { '%user_bonus_credits%' : userBonusCredits } %}Activate bonus %user_bonus_credits%{% endtrans %}
</span>
{% else %}
{% trans %}Activate bonus{% endtrans %}
{% endif %}
<i class="far fa-coins"></i>
</a>
</li>
{% endif %}
<li>
<a href="{{ path('social_frontend_account_details') }}" class="instant-load"
target="edit-profile">
<i class="fa fa-user"></i>
{% trans %}My profile{% endtrans %}
</a>
</li>
{# Task - 61 - removed forever? - maybe in the future
<li>
<a href="{{ path('social_frontend_account_details') }}#tabPayments"
class="instant-load" target="edit-profile">
<i class="fa fa-credit-card"></i>
{% trans %}Payment History{% endtrans %}
</a>
</li>
#}
<li>
{% set hiddenElement = '' %}
{% if creditsPackagesActivated == 1 %}
{% if isUserOnFirstFreePackage(app.user.id) == false %}
<a href="{{ path('social_frontend_account_details') }}#tabPayments"
class="instant-load" target="edit-profile">
<i class="fa fa-th-large" aria-hidden="true"></i>
{% trans %}Current Package{% endtrans %}
</a>
{% endif %}
{% else %}
<a href="{{ path('social_frontend_account_details') }}#tabPayments"
class="instant-load" target="edit-profile">
<i class="fa fa-th-large" aria-hidden="true"></i>
{% trans %}Current Package{% endtrans %}
</a>
{% endif %}
</li>
{% if app.user.isFake %}
<li>
<a href="{{ path('social_frontend_exit_impersonation') }}">
<i class="fa fa-sign-out"></i>Exit impersonation
</a>
</li>
{% endif %}
<li>
<a href="#" class="open-tour-btn">
<i class="fa fa-globe"></i>
{% trans %}Open Tour{% endtrans %}
</a>
</li>
<li>
{% include '@SocialFrontend/Translation/translator.html.twig' %}
</li>
<li>
<a href="{{ path('fos_user_security_logout') }}" class="logout-btn"
homepage-url="{{ path('social_user_homepage') }}">
<i class="fa fa-sign-out"></i>
{% trans %}Log Out{% endtrans %}
</a>
</li>
</ul>
</li>
{% else %}
<li>
<a class="sibling login" href="{{ path('fos_user_security_login') }}"
title="{% trans with {project_name: project_name} %}%project_name% Login Page{% endtrans %}">{% trans %}
Login{% endtrans %}</a>
</li>
{% endif %}
</ul>
<a class="navbar-brand {% if app.user %}instant-load{% endif %}"
href="{{ path('social_frontend_homepage_account') }}">
<img src="{{ asset(theme_manager.getActiveThemeLogo()) }}" alt="" width="" height="">
</a>
</div>
<div class="collapse navbar-collapse" id="navbar-fixed-layout-collapse">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="{{ path('social_frontend_account') }}" {% if app.user %}class="instant-load nav-link"
target="about"{% endif %}
title="{% trans %}About{% endtrans %}">
{% trans %}About{% endtrans %}
</a>
</li>
<li class="nav-item">
<a href="{{ path('social_frontend_account_photos') }}"
{% if app.user %}class="instant-load nav-link"
target="photos"{% endif %}
title="{% trans %}Media{% endtrans %}">
{% trans %}Media{% endtrans %}
</a>
</li>
<li class="nav-item">
<a href="{{ path('social_frontend_account_friends') }}"
{% if app.user %}class="instant-load nav-link"
target="friends"{% endif %}
title="{% trans %}Friends{% endtrans %}">{% trans %}Friends{% endtrans %}
<span class="friend-requests-alert pulse {% if app.user.waitingFriends|length == 0 %}hidden{% endif %}">
{{ app.user.waitingFriends|length }}
</span>
</a>
</li>
<li class="nav-item">
<a href="{{ path('social_frontend_account_messages') }}"
{% if app.user %}class="instant-load nav-link"
target="messages"{% endif %}
title="{% trans %}Messages{% endtrans %}">{% trans %}Messages{% endtrans %}
<span class="unread-messages-alert pulse {% if getAllNumberOfUnreadMessages(app.user) == 0 %}hidden{% endif %}">
{{ getAllNumberOfUnreadMessages(app.user) }}
</span>
</a>
</li>
<li class="nav-item">
<a href="{{ path('social_frontend_search') }}" {% if app.user %}class="instant-load nav-link"
target="search"{% endif %}
title="{% trans %}Search{% endtrans %}">{% trans %}Search{% endtrans %}</a>
</li>
{% if app.user %}
{% set packageName = app.user.packageName|split('-')[0] %}
{% if packageName in getAllowedPackagesForSwipe() %}
<li class="nav-item">
<a href="{{ path('social_frontend_swipe_profiles') }}" {% if app.user %}class="instant-load nav-link"
target="swipe"{% endif %}
title="{% trans %}swipe{% endtrans %}">{% trans %}Swipe{% endtrans %}</a>
</li>
{% endif %}
{# <li class="nav-item">#}
{# <a href="{{ path('social_invite') }}"#}
{# class="instant-load {% if is_user_eligible_for_package_offer_one_day(app.user) %}btn-pulse btn-invite-top{% endif %}"#}
{# target="invite">#}
{# {% trans %}Invite{% endtrans %}#}
{# {% if is_user_eligible_for_package_offer_one_day(app.user) %}#}
{# <i class="fa fa-exclamation"></i>#}
{# {% endif %}#}
{# </a>#}
{# </li>#}
<input type="hidden" id="data-instance-id" value="{{ pusherInstanceId ? pusherInstanceId : "" }}">
<input type="hidden" id="data-user-id" value="{{ app.user ? app.user.id : null }}">
<input type="hidden" id="data-url" value="{{ path('social_notification') }}">
<input type="hidden" id="data-push-beam-url" value="{{ path('social_beams_auth') }}">
{% set getDeviceInterest = getDeviceInterest() %}
<input type="hidden" id="device_interest_name" value="{{ getDeviceInterest ? getDeviceInterest.id : "" }}" data-interest-name="{{ getDeviceInterest ? getDeviceInterest.name : "" }}">
{% endif %}
</ul>
</div>
</div>
</nav>
{% else %}
<section class="navbar navbar-default top-nav navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle btn-menu-size pull-right" data-toggle="collapse"
data-target="#navbar-fixed-layout-collapse">
<i class="fa fa-indent"></i>
<span class="hidden-menu-responsive">Menu</span>
</button>
<a class="navbar-brand" href="{{ path('social_user_homepage') }}">
<img src="{{ asset(theme_manager.getActiveThemeLogo()) }}" alt="">
</a>
</div>
<div class="collapse navbar-collapse" id="navbar-fixed-layout-collapse">
<ul class="nav navbar-nav pull-right">
{% set registerActions='' %}
{% if app.user %}
{% set url = path('social_user_homepage') %}
{% set registerActions='href="' ~ url ~ '"' %}
{% else %}
{% set registerActions='' %}
{% endif %}
<li class="register-link">
<a class="sibling register special-register-btn signup-modal-open" href="#modal-signup"
style="cursor: pointer"
title="{% trans with {project_name: project_name} %}%project_name% Register Page{% endtrans %}"
{{ registerActions|raw }}>
{% trans %}Register{% endtrans %}
</a>
</li>
<li class="login-link">
<a class="sibling login" href="{{ path('fos_user_security_login') }}" target="_self"
title="{% trans with {project_name: project_name} %}%project_name% Login Page{% endtrans %}">
{% trans %}Login{% endtrans %}
</a>
</li>
</ul>
</div>
</div>
</section>
{% endif %}
{% if app.user and pusherInstanceId and pusherSecretKey %}
{% set subscriptionDisplay = 'block' %}
{% if app.user and isSubscribedInPush(app.user) %}
{% set subscriptionDisplay = 'none' %}
{% endif %}
<div id="subscription-div" style="display: {{ subscriptionDisplay }}">
<a href="#" class="show-subscription-form-btn" data-url="{{ path('social_notification') }}" data-push-beam-url="{{ path('social_beams_auth') }}" data-user="{{ app.user ? app.user.id : null }}">
<i class="fa fa-solid fa-bell"></i>
</a>
<a type="submit" class="btn btn-success btn-sm submit-subscription-btn pull-right hidden"></a>
</div>
{% endif %}