<header class="main-header" style="padding-right: 0">
<!-- logo-->
<a href="{{ path('index') }}" class="logo-holder"
style="font-size: 1.1rem;height: 50px; color: white; top: 15px !important;">
<img src="{{ url('asset_url', {'path': '/images/logo.png', 'h':'60' }) }}" style="margin-right: 20px; border: 1px #ab1b15 solid; border-radius: 50%" alt="">
<span class="header-site-name">{{ default_app_name }}</span>
</a>
<!-- logo end-->
<!-- header-search_btn-->
<div class="header-search_btn show-search-button"><i class="fal fa-search"></i><span>Recherche</span></div>
<!-- header-search_btn end-->
<!-- nav-button-wrap-->
<div class="nav-button-wrap color-bg">
<div class="nav-button">
<span></span><span></span><span></span>
</div>
</div>
<!-- nav-button-wrap end-->
<!-- header opt -->
{% if not app.user or (app.user and app.user.role == role_service.roleAdmin) %}
<div data-target-modal="#login-modal" class="show-reg-form modal-open avatar-img"
style="margin-right: 0; height: 80px; top: 0; display: flex; align-items: center; justify-content: center; width: 200px"
data-srcav="{{ asset('townhub/images/avatar/7.png') }}">
<i class="fal fa-user profile-icon"></i>
<div class="profile-content">Se connecter</div>
</div>
{% else %}
<div class="header-user-menu"
style="margin: 0; height: 80px; top: 0; display: flex; align-items: center; justify-content: center; width: 200px; padding-left: 30px">
<div class="header-user-name" style="padding-top: 0">
<span style="top: -11px">
{% set profileImage = url('asset_url', {'path': '/images/logo.png', 'h':'38' }) %}
{% if app.user.image != "" %}
{% set profileImage = url('asset_url', {'path': get_parameter('image_user_directory_prefix') ~ app.user.image, 'h':'38' }) %}
{% endif %}
<img src="{{ profileImage }}" alt="" class="image-profile">
</span>
<div class="profile-content">
{{ app.user.fullName|slice(0,10) ~ '...' }}
</div>
</div>
<ul>
<li><a href="{{ path('profile') }}">Profile</a></li>
{# <li><a href="{{ path('customer_prayer_new') }}">Soumettre un sujet de prière</a></li>#}
<li><a href="{{ path('customer_prayer_index') }}">Mes sujets de prière</a></li>
{# <li><a href="{{ path('customer_praying_index') }}">Mes participations</a></li>#}
<li><a href="{{ path('app_logout') }}">Déconnexion</a></li>
</ul>
</div>
{% endif %}
<!-- header opt end-->
<!-- navigation -->
<div class="nav-holder main-menu">
<nav>
<ul class="no-list-style">
<li>
<a href="{{ path('prayer') }}" class="{{ currentRoute == "prayer" ? "act-link" : "" }}">Sujets de
prières</a>
</li>
{% if not app.user %}
<li><a href="javascript:void(0)" data-target-route="{{ path('customer_prayer_new') }}" class="{{ currentRoute == "customer_prayer_new" ? "act-link" : "" }} modal-open" data-target-modal="#login-modal">Soumettre un sujet de prière pour le pays</a></li>
{% else %}
<li><a href="{{ path('customer_prayer_new') }}" class="{{ currentRoute == "customer_prayer_new" ? "act-link" : "" }}">Soumettre un sujet de prière pour le pays</a></li>
{% endif %}
</ul>
</nav>
</div>
<!-- navigation end -->
<!-- header-search_container -->
<div class="header-search_container header-search vis-search">
<div class="container small-container">
{{ render(controller('App\\Controller\\IndexController:searchForm')) }}
<div class="header-search_close color-bg"><i class="fal fa-long-arrow-up"></i></div>
</div>
</div>
<!-- header-search_container end -->
</header>