Symfony Profiler

{% import 'macro/user.html.twig' as user_macro %}
<header id="header-container" class="fullwidth {{ isTransparent ? 'transparent-header' : 'dashboard-header' }}">
<style>
@media (max-width: 1099px) {
.mmenu-trigger {
margin: 0 !important;
}
.hide-on-mobile {
display: none !important;
}
}
@media (min-width: 1100px) {
.hide-on-large {
display: none !important;
}
}
#logo { border-right: none !important; }
.header-widget { border-left: none !important; }
.user-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
display: inline-block;
background: #fff;
border: 2px solid #eee;
vertical-align: middle;
}
.user-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
display: block;
}
</style>

<div id="header">
<div class="container">

<div class="left-side">

<div id="logo" style="overflow: hidden">
<a href="{{ app.user ? path('dashboard') : path('homepage') }}" class="">
<img src="{{ asset('images/logo.webp.svg') }}" class="img-fluid"
title="WorkDispo est un site avec des milliers de missions IT moyenne et longue durée pour les freelances."
alt="WorkDispo est un site avec des milliers de missions IT moyenne et longue durée pour les freelances.">
</a>
</div>
{% if not app.user %}
<div class="btn-inscription-mobile" style="position: absolute; top: 25px;left: 12rem;display: none;z-index:2;">
<a class="animating-link button "
style="padding: 4px 8px;border-radius: 2rem;color: white !important;font-size: 16px;" href="/inscription">
S'inscrire
</a>
</div>
{% endif %}
<nav id="navigation">
<ul id="responsive">
{# {% if not is_granted('ROLE_USER') %}#}
{# <li><a class="animating-link" href="{{ path('why_subscribe') }}">Pourquoi s'inscrire?</a>#}
{# </li>#}
{# {% endif %}#}
{% if app.user.isSociety|default(false) %}
<li>
<a class="animating-link {{ app.user ? 'button' : '' }} {{ is_granted('ROLE_SOCIETY') and (app.user.society.package == null or app.user.society.package == 'month' or app.user.society.packageExpireAt < "now"|date("Y-m-d H:i:s"))? 'popup-with-zoom-anim' : '' }}"
{{ app.user ? 'style="padding: 6px; border-radius: 2rem; color: white !important;"' : '' }}
href="{{ is_granted('ROLE_SOCIETY') and (app.user.society.package == null or app.user.society.package == 'month' or app.user.society.packageExpireAt < "now"|date("Y-m-d H:i:s")) ? '#package-other' : path('mission_search_default') }}"
>
Missions ouvertes à la sous-traitance
</a>
</li>
{% else %}
<li>
<a class="animating-link {{ app.user ? 'button' : '' }} {{ not is_granted('ROLE_ADMIN') and is_granted('ROLE_FREELANCE') and app.user.uniqueProfile.id == null ? 'popup-with-zoom-anim' : '' }}"
href="{{ not is_granted('ROLE_ADMIN') and is_granted('ROLE_FREELANCE') and app.user.uniqueProfile.id == null ? '#complete-cv-dialog' : path('offre_search') }}"
{{ app.user ? 'style="padding: 6px; border-radius: 2rem; color: white !important;"' : '' }}
>
Trouvez une offre
</a>
</li>
{% if app.user %}
<li>
<a class="animating-link {{ app.user ? 'button' : '' }}"
href="{{ path('formation_recherche') }}"
{{ app.user ? 'style="padding: 6px; border-radius: 2rem; color: white !important;"' : '' }}
>
Trouvez une formation
</a>
</li>
{% endif %}
{% endif %}
{% if app.user.isSociety|default(false) %}
<li>
<a class="animating-link button" href="{{ path('freelance_search') }}"
style="padding: 6px; border-radius: 2rem; color: white !important;">
CVtèque de candidats et intercontrats
</a>
</li>
{% else %}
{% if not app.user.isFreelance|default(false) %}
{# <li> #}
{# <a class="animating-link" href="{{ path('register_society') }}"> #}
{# Trouver un freelance #}
{# </a> #}
{# </li> #}
{# <li>
<a class="animating-link" href="{{ path('register_society') }}">
Publier une offre
</a>
</li> #}
<li>
<a class="animating-link" href="https://www.workdispo.com/formations/recherche">
Trouvez une formation
</a>
</li>
{% endif %}
{% endif %}
{% if not app.user %}
{# <li>
<a class="animating-link {{ not is_granted('ROLE_ADMIN') and is_granted('ROLE_FREELANCE') and app.user.uniqueProfile.id == null ? 'popup-with-zoom-anim' : '' }} "
href="{{ path('all_news') }}"
>
News de la tech
</a>
</li> #}
<li class="mobileshow">
<a class="animating-link "
href="{{ path('login') }}"
>
Connexion
</a>
</li>
<li class="mobileshow">
<a class="animating-link "
href="{{ path('register_freelance') }}"
>
Inscription
</a>
</li>
<li class="mobileshow">
<a class="animating-link "
href="{{ path('register_society') }}"
>
Accès recruteur
</a>
</li>
{% endif %}
</ul>
</nav>
<div class="clearfix"></div>

</div>


<div class="right-side">
{% if is_granted('ROLE_USER') %}
{% if app.user.society %}
<div class="header-widget hide-on-mobile">
<a class="log-in-button text-black">
Une question? <span class="text-blue">06 18 12 28 26</span>
</a>
</div>
{% endif %}
{% if app.user.isFreelance|default(false) %}
{% set __freelance_disponibility = app.user.uniqueProfile.disponibility|default('Immédiate') %}
<div class="header-widget hide-on-mobile">
<nav id="navigation" class="nav-disponibility">
<ul id="responsive">
<li>
<a class="animating-link button "
style="padding: 6px; border-radius: 2rem; color: white !important;">
  Disponibilité: <b>{{ __freelance_disponibility }}</b> <i
class="icon-feather-chevrons-down"></i>
</a>
<ul class="dropdown-nav">
{% if __freelance_disponibility != "Immédiate" %}
<li>
<a href="{{ path('profile_edit_disponibility', {'disponibility' : "Immédiate"}) }}">Immédiate</a>
</li>
{% endif %}
{% if __freelance_disponibility != "Sous 1 mois" %}
<li>
<a href="{{ path('profile_edit_disponibility', {'disponibility' : "Sous 1 mois"}) }}">Sous
1 mois</a>
</li>
{% endif %}
{% if __freelance_disponibility != "Sous 2 mois" %}
<li>
<a href="{{ path('profile_edit_disponibility', {'disponibility' : "Sous 2 mois"}) }}">Sous
2 mois</a>
</li>
{% endif %}
{% if __freelance_disponibility != "Sous 3 mois" %}
<li>
<a href="{{ path('profile_edit_disponibility', {'disponibility' : "Sous 3 mois"}) }}">Sous
3 mois</a>
</li>
{% endif %}
</ul> 
</li>
</ul>
</nav>
</div>
{% endif %}

<div class="header-widget hide-on-mobile">

<div class="header-notifications">
<div class="header-notifications-trigger">
<a href="#"><i class="icon-feather-mail"></i>
{% if messagerie.unreadCount > 0 %}
<span>{{ messagerie.unreadCount }}</span>
{% endif %}
</a>
</div>

<div class="header-notifications-dropdown">
<div class="header-notifications-headline">
<h4>Messages</h4>
<button class="mark-as-read ripple-effect-dark" title="Mark all as read"
data-tippy-placement="left">
<i class="icon-feather-check-square"></i>
</button>
</div>
<div class="header-notifications-content">
<div class="header-notifications-scroll" data-simplebar>
<ul>
{% for notificationRoom in messagerie.latestMessage %}
{% set notificationRoomUser = app.user.id == notificationRoom.caller.id ? notificationRoom.called : notificationRoom.caller %}

<li class="notifications-not-read">
<a href="{{ path('message_room', {'id':notificationRoomUser.id}) }}">
<span class="notification-avatar status-online">
{{ user_macro.userPhoto(notificationRoomUser.photo) }}
</span>
<div class="notification-text">
<strong>{{ notificationRoomUser.publicName }}</strong>
<p class="notification-msg-text">{{ notificationRoom.lastMessage|u.truncate(20) }}
...</p>
<span
class="color">{{ notificationRoom.lastUpdate|ago(locale='fr') }}</span>
</div>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
<a href="{{ path('messages') }}"
class="header-notifications-button ripple-effect button-sliding-icon">
Voir tout<i class="icon-material-outline-arrow-right-alt"></i>
</a>
</div>
</div>
</div>


<div class="header-widget">

<div class="header-notifications user-menu">
<div class="header-notifications-trigger">
<a href="#">
<div class="user-avatar status-online">
<img
src="{{ app.user.getPhoto() ? path('download_avatar', {'filename': app.user.getPhoto()}) : asset('images/user-avatar-placeholder.png') }}"
alt="{{ app.user.getFullName() }}">
</div>
</a>
</div>

<div class="header-notifications-dropdown">

<div class="user-status">

<div class="user-details">
<div class="user-avatar status-online">
<img
src="{{ app.user.getPhoto() ? path('download_avatar', {'filename': app.user.getPhoto()}) : asset('images/user-avatar-placeholder.png') }}"
alt="">
</div>
<div class="user-name">
{{ app.user.getFullName() }}
<span>{{ app.user.isFreelance ? '' : app.user.isSociety ? 'Société' : 'Admin' }}</span>
</div>
</div>
</div>
<ul class="user-menu-small-nav">
<li>
<a href="{{ app.user.isAdmin ? path('admin_dashboard') : path('dashboard') }}">
<i class="icon-material-outline-dashboard"></i>
Tableau de bord
</a>
</li>
{% if(not app.user.isAdmin and not app.user.compteSociety) %}
<li>
<a href="{{ path('user_setting') }}">
<i class="icon-material-outline-settings"></i>
Réglages
</a>
</li>
{% endif %}
<li>
<a href="{{ path('logout') }}">
<i class="icon-material-outline-power-settings-new"></i>
Déconnexion
</a>
</li>
</ul>
</div>
</div>
</div>

{% else %}
{# fait le changement que le bouton soit centrer verticalement êt que le hide-on-mobile fonctionne toujour #}
<div class="header-widget hide-on-mobile " style="display: flex;align-items:center;padding:0 10px;">
<a class="button" href="{{ path('register_society') }}">Espace recruteur</a>
</div>
{# bouton bleu avec écrit “Publier une formation” (lien vers formation.workdispo) #}
<div class="header-widget hide-on-mobile " style="display: flex;align-items:center;padding:0 10px;">
<a class="button" href="https://formation.workdispo.com">Publier une formation</a>
</div>
<div class="header-widget hide-on-large " style="display: flex;align-items:center;">
<a class="button" href="{{ path('register_freelance') }}">S'inscrire</a>
</div>
<div class="header-widget hide-on-mobile">
<a href="{{ path('register_freelance') }}"class="log-in-button text-black">
<i class="icon-feather-user-plus"></i> <span class="">S'inscrire</span>
</a>
</div>
<div class="header-widget hide-on-mobile">
<a href="{{ path('login') }}" class="log-in-button text-black">
<i class="icon-feather-log-in"></i> <span class="">Se connecter</span>
</a>
</div>
{% endif %}

<span class="mmenu-trigger">
<button class="hamburger hamburger--collapse" type="button" aria-label="Navigation mobile">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</span>
</div>

</div>
</div>

</header>
<div class="clearfix"></div>

templates/common/header.html.twig line 1