{% trans_default_domain 'front_messages' %}
{% set route = app.request.get('_route') %}
{% if app.user and connected is same as(true) %}
{% set user = app.user %}
<!--
<div class="toggle-menu">
<span></span>
</div>
-->
<div class="navbar navbar-expand-md fixed-top" role="navigation">
{# <div class="container flex-column">#}
<div class="nav-content" id="nav-content">
<a class="navbar-brand d-block" href="{{ path('front_home') }}">
<img src="{{ asset('build/images/logo-mini-white.webp') }}" alt="Regalo" />
</a>
<div id="searchUser" tabindex="-1">
<div class="bloc-search">
<label>
<input type="search" class="search" placeholder='Rechercher un ami' /> {{ icon('search', '25', '#FDB7BA') }}
</label>
</div>
</div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link nav_home" href="{{ path('activity_wall') }}">
{% if route == 'activity_wall' %}
{{ icon('homes-fill', '40', '#D41F25') }}
{% else %}
{{ icon('homes', '40', '#D41F25') }}
{% endif %}
</a>
</li>
{#<li class="nav-item">
<a class="nav-link nav_idea" href="#" ><p>{{ 'nav.idea'|trans() }}</p></a>
</li>#}
<li class="nav-item ">
<a class="nav-link nav_lists" href="{{ path('giftlists') }}" >
{% if route == 'giftlists' %}
{{ icon('gift-fill', '40', '#D41F25') }}
{% else %}
{{ icon('gift-present', '40', '#D41F25') }}
{% endif %}
</a>
</li>
<li class="nav-item">
<a class="nav-link nav_add openModal " href="#" data-url="{{ path('front_modal_navbar') }}">
{{ icon('plus', '40', 'var(--color-white)') }}
</a>
</li>
<li class="nav-item">
<a class="nav-link nav_friends" href="{{ path('community') }}" >
{% if route == 'community' %}
{{ icon('people-group-fill', '40', '#D41F25') }}
{% else %}
{{ icon('people-group', '40', '#D41F25') }}
{% endif %}
</a>
</li>
<li class="nav-item ">
<a class="nav-link nav_profile" href="{{ path('profile') }}" >
{% if route == 'profile' %}
{{ icon('user-profile-fill', '40', '#D41F25') }}
{% else %}
{{ icon('user-profile', '40', '#D41F25') }}
{% endif %}
</a>
</li>
</ul>
<div id="navbar-notifications" style="display:none;">
<div id="friendsNotification">
{{ icon('friendnotification', '35', 'var(--color-white)') }}
</div>
<div id="statusNotification">
{{ icon('statusnotification', '35', 'var(--color-white)') }}
</div>
</div>
<div class="navbar-right">
{# <div class="btn-notification" id="btn-notification">
{{ icon('help', '30', 'var(--color-white)') }}
</div> #}
{% if route in [ 'profile', 'activity_wall', 'community_profile_friend'] %}
<div id="helpUser">
<a href="#" class="help-me">
{{ icon('help', '30', 'var(--color-white)') }}
</a>
</div>
{% endif %}
<div class="account dropdown">
<div class="btn-reglages dropdown-toggle {% if route not in ['profile', 'activity_wall', 'community_profile_friend'] %} rounded-dropdown{% endif %}" id="dropdown_account"
data-bs-toggle="dropdown" aria-expanded="false">
{{ icon('settings', '30', 'var(--color-white)') }}
</div>
<ul class="dropdown-menu" aria-labelledby="dropdown_account">
<li class="item">
<a href="{{ path('my_account_index') }}">
{{ 'nav.account'|trans() }}
</a>
</li>
{% if is_granted('ROLE_ADMIN') %}
<li><hr class="divider"></li>
<li class="item">
<a href="{{ path('back_dashboard') }}">
{{ 'nav.account_type_admin'|trans() }}
</a>
</li>
{% endif %}
<li><hr class="divider"></li>
<li class="item">
<a href="{{ path('app_logout') }}">
{{ 'nav.account_logout'|trans() }}
</a>
</li>
</ul>
</div>
<div class="user_picture">
{% if user.avatar is empty %}
{% set img = asset('build/images/account.svg' ) %}
{% else %}
{% set img = asset('uploads/avatar/' ~ user.avatar ) %}
{% endif %}
<img src="{{ img }}" alt="{{ user.fullname }}" />
</div>
</div>
{# <div class="navbar-right my-2 my-lg-0 ">#}
{# <div class="account dropdown">
<a class="dropdown-toggle" id="dropdown_account" data-toggle="toggle" data-bs-toggle="dropdown" aria-expanded="false">
<div class="user_picture">
{% if user.avatar is empty %}
{% set img = asset('build/images/account.svg' ) %}
{% else %}
{% set img = asset('uploads/avatar/' ~ user.avatar ) %}
{% endif %}
<img src="{{ img }}" alt="{{ user.fullname }}" />
</div>
<span class="name">
{{ user.fullname }}
</span>
</a>
<ul class="dropdown-menu" aria-labelledby="dropdown_account">
<li class="item">
<a href="{{ path('my_account_index') }}">
{{ 'nav.account'|trans() }}
</a>
</li>
<!--
<li><hr class="divider"></li>
<li class="item">
<a href="{{ path('profile') }}">
{{ 'nav.account_profile'|trans() }}
</a>
</li>
-->
{% if is_granted('ROLE_ADMIN') %}
<li><hr class="divider"></li>
<li class="item">
<a href="{{ path('back_dashboard') }}">
{{ 'nav.account_type_admin'|trans() }}
</a>
</li>
{% endif %}
<li><hr class="divider"></li>
<li class="item">
<a href="{{ path('app_logout') }}">
{{ 'nav.account_logout'|trans() }}
</a>
</li>
</ul>
</div> #}
{# </div>#}
</div>
{# </div>#}
</div>
{% else %}
<!--
<div class="float-panel" data-top="0" data-scroll="55" role="navigation">
<div class="container nav-logout">
<a href="{{ path('front_home') }}">
<span class="logo-text">
<img src="{{ asset('build/images/logo.svg') }}" alt="Regalo" />
</span>
<span class="logo">
<img src="{{ asset('build/images/logo-mini.svg') }}" alt="Regalo" />
</span>
</a>
<div>
<ul>
<li class="n{{ route == 'front_home' ? ' active' }}">
<a class="btn-orange-light" href="{{ path('front_register') }}">{{ 'nav.account_register'|trans() }}</a>
</li>
<li class="">
<a class="btn-orange btn-connexion" href="{{ path('app_login') }}" >{{ 'nav.account_login'|trans() }}</a>
</li>
</ul>
</div>
</div>
</div>
-->
{% endif %}
<script>
let togglemenu = document.querySelector('.toggle-menu')
togglemenu.addEventListener('click', handleTogglemenu)
let menu = document.querySelector('#nav-content')
function handleTogglemenu(event) {
event.preventDefault()
togglemenu.classList.toggle('active')
menu.classList.toggle('open')
}
</script>