{% import 'macro/user.html.twig' as user_macro %}<header id="header-container" class="fullwidth {{ isTransparent ? 'transparent-header' : 'dashboard-header' }}"> <!-- Header --> <div id="header"> <div class="container"> <!-- Left Side Content --> <div class="left-side"> <!-- Logo --> <div id="logo"> <a href="{{ path('homepage') }}" class=""> <img src="{{ asset('images/logo.png') }}" class="img-fluid" style="width: 92%" title="Freelance Dispo est un site avec des milliers de missions IT moyenne et longue durée pour les freelances." alt="Freelance Dispo est un site avec des milliers de missions IT moyenne et longue durée pour les freelances."> </a> </div> <nav id="navigation"> <ul id="responsive"> {% set _testFindJob = true %} {% if app.user %} {% if not app.user.isFreelance %} {% set _testFindJob = false %} {% endif %} {% endif %} {% if _testFindJob %} <li class=""> <a class="animating-link menu-find-a-job {{ 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('mission_search', {'url_libelle' : "search"}) }}" > Find a job </a> </li> {% endif %} {% if app.user.isSociety|default(false) %} <li> <a class="animating-link button" href="{{ path('offer_new') }}" style="padding: 6px; border-radius: 2rem; color: white !important;" > Post a job </a> </li> {% endif %} {#{% if not app.user.isFreelance|default(false) %} <li><a class="animating-link" href="{{ path('freelance_search') }}">Trouver un freelance</a> </li> {% endif %}#} {% if not app.user.isSociety|default(false) %} <li> <a class="animating-link" style="padding: 4px 15px 4px 15px !important;" href="#"> Forum </a> <ul class="dropdown-nav"> <li><a href="{{ path('forum_public_country', {'country' : 'uae'}) }}">All topics</a> </li> <li><a href="{{ path('app_forum_forum_post_favorite_index') }}">Favorite topics</a> </li> <li><a href="{{ path('app_forum_recent', {'countryMin' : "uae"}) }}">Recent topics</a></li> <li><a href="{{ path('app_forum_forum_post_subscribe') }}">Topics created or answered</a></li> </ul> </li> {% 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 </a> </li>#} <li class="mobileshow"> <a class="animating-link " href="{{ path('login') }}" > Login </a> </li> <li class="mobileshow"> <a class="animating-link " href="{{ path('register_freelance_mobile') }}" > Register 100% free </a> </li> <li class="mobileshow"> <a class="animating-link " href="{{ path('register_society') }}" > Employers </a> </li> {% endif %} </ul> </nav> <div class="clearfix"></div> <!-- Main Navigation / End --> </div> <!-- Left Side Content / End --> <!-- Right Side Content / End --> <div class="right-side"> {% if is_granted('ROLE_USER') %} {#{% if app.user.society %} <div class="header-widget hide-on-mobile" > <a href="#" class="log-in-button text-black"> Une question? <span class="text-blue">06 18 12 28 26</span> </a> </div> {% endif %}#} <!-- User Notifications --> <div class="header-widget hide-on-mobile"> <!-- Notification --> <div class="header-notifications"> <!-- Trigger --> <div class="header-notifications-trigger"> <a href="#"><i class="icon-feather-bell"></i> <u id="g_notif_number"> {% set __unreedNotification = global_notification.unSeenNumber %} {% if __unreedNotification > 0 %} <span>{{ __unreedNotification }}</span> {% endif %} </u> </a> </div> <!-- Dropdown --> <div class="header-notifications-dropdown"> <div class="header-notifications-headline"> <h4>Notifications</h4> <button class="mark-as-read ripple-effect-dark" id="g_btn_notif_mark" data-tippy-placement="left" data-tippy="" title="Mark all as read"> <i class="icon-feather-check-square"></i> </button> </div> <div class="header-notifications-content"> <div class="header-notifications-scroll" data-simplebar="init" style="height: 270px;"> <div class="simplebar-track vertical" style="visibility: visible;"> <div class="simplebar-scrollbar" style="visibility: visible; top: 0px; height: 192px;"></div> </div> <div class="simplebar-track horizontal" style="visibility: visible;"> <div class="simplebar-scrollbar" style="visibility: visible; left: 0px; width: 25px;"></div> </div> <div class="simplebar-scroll-content" style="padding-right: 17px; margin-bottom: -34px;"> <div class="simplebar-content" style="padding-bottom: 17px; margin-right: -17px;"> <ul> {% set __notificaions = global_notification.userNotification %} {% if __notificaions|length <= 0 %} <li class="notifications"> <a href="#"> <span class="notification-text"> <i>No new notification</i> </span> </a> </li> {% else %} {% for __notif in __notificaions %} <li class="notifications" {% if not __notif.seen %} style="background-color: #00b28e0f" {% endif %} > <a href="{{ path('notification_click', {'id' : __notif.id}) }}"> <span class="notification-icon"> <i class="{{ __notif.icon }}"></i> </span> <span class="notification-text"> {{ __notif.content|raw }} </span> </a> </li> {% endfor %} {% endif %} <!-- Notification --> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- User Notifications --> <div class="header-widget hide-on-mobile"> <!-- Messages --> <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> <!-- Dropdown --> <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 %} <!-- Notification --> <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"> View all<i class="icon-material-outline-arrow-right-alt"></i> </a> </div> </div> </div> <!-- User Notifications / End --> <!-- User Menu --> <div class="header-widget"> <!-- Messages --> <div class="header-notifications user-menu"> <div class="header-notifications-trigger"> <a href="#"> <div class="user-avatar status-online"> <img src="{{ asset( app.user.getPhoto() ? 'uploads/avatar/' ~ app.user.getPhoto(): 'images/user-avatar-placeholder.png') }}" alt="{{ app.user.getFullName() }}"> </div> </a> </div> <!-- Dropdown --> <div class="header-notifications-dropdown"> <!-- User Status --> <div class="user-status"> <!-- User Name / Avatar --> <div class="user-details"> <div class="user-avatar status-online"> <img src="{{ asset( app.user.getPhoto() ? 'uploads/avatar/' ~ app.user.getPhoto(): 'images/user-avatar-placeholder.png') }}" alt=""> </div> <div class="user-name"> {{ app.user.fullName() }} <span>{{ app.user.isFreelance ? 'Happy to see you!' : app.user.isSociety ? 'Society' : '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> Dashboard </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> Setting </a> </li> {% endif %} <li> <a href="{{ path('logout') }}"> <i class="icon-material-outline-power-settings-new"></i> Logout </a> </li> </ul> </div> </div> </div> <!-- User Menu / End --> {% else %} <div class="header-widget hide-on-mobile" > <span> <a href="{{ path('register_freelance') }}" class="log-in-button button " style="padding-left: 10px; padding-right: 10px; border-radius: 14px;" > <i class="icon-feather-user-plus text-white"></i> <span class="text-white">Register 100% free</span> </a> </span> </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="">Login</span> </a> </div> <div class="header-widget hide-on-mobile" > <a href="{{ path('register_society') }}" class="log-in-button text-black"> <i class="icon-material-outline-business"></i> <span class="">Employers</span> </a> </div> {% endif %} <!-- Mobile Navigation Button --> <span class="mmenu-trigger"> <button class="hamburger hamburger--collapse" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </span> </div> <!-- Right Side Content / End --> </div> </div> <!-- Header / End --></header><div class="clearfix"></div>