{% if header != 'no' %}
    <div id="notifs">
        <header class="col-12 p-0 d-flex fixed-top">
            <div class="logo" id="menu-mobile">
                <div class="menu-mobile my-auto pr-3 menu-sidebar">
                    <i class="fal fa-bars"></i>
                    <i class="far fa-arrow-left reset-sidebar-menu" style="display: none;"></i>
                </div>
                <a href="{{ path('overview') }}" class="d-flex align-items-center">
                    <img src="{{ asset('Dashboard/img/logo.png') }}" alt="goldenbees-logo" class="logo-desktop">
                </a>
                {#                <a href="{{ path('overview') }}"> #}
                {#                    <img src="{{ asset('Dashboard/img/iconlogo1.png') }}" alt="goldenbees-logo" class="img-fluid logo-mobile"> #}
                {#                </a> #}
                <a href="{{ path('overview') }}" class="d-flex align-items-center">
                    <img src="{{ asset('Dashboard/img/logo-dark.png') }}" alt="goldenbees-logo"
                         class="img-fluid logo-dark-mode">
                </a>
            </div>
            <div class="nav-area row m-0 d-sm-flex">

                {% if routeName != 'overview' %}
                    <a href="{{ path('overview') }}" class="my-auto text-decoration-none text-primary-1 ml-1">
                        <i class="fa fa-home fa-lg" data-tippy-content="Home"></i>
                    </a>
                {% endif %}

                <h4 class="title-page my-auto text-uppercase font-600 {{ (routeName) != 'overview' ? 'ml-4' : 'ml-5' }}">
                    {% if routeName == 'overview' %}
                        Advertiser
                    {% elseif routeName == 'advertiser_campaigns_index' %}
                        {{ 'Campaigns'|trans }}
                    {% elseif routeName == 'cvlibrary_overview' %}
                        {{ 'CvLibrary'|trans }}
                    {% elseif routeName == 'advertiser_job_index' %}
                        {{ 'Jobs'|trans }}
                    {% elseif routeName == 'advertiser_job_jobgroup_edit' %}
                        {{ 'Job Group'|trans }}
                    {% elseif routeName == 'advertiser_analytics_index' %}
                        {{ 'Analytics'|trans }}
                    {% elseif routeName == 'cvlibrary_form_overview' %}
                        {{ 'Statistics'|trans }}
                    {% elseif routeName == 'cvlibrary_form_applies' %}
                        {{ 'Applies'|trans }}
                    {% elseif routeName == 'cvlibrary_form_edit' %}
                        {{ 'Settings'|trans }}
                    {% elseif routeName == 'cvlibrary_dafsubscription_index' %}
                        {{ 'Daf Subscription'|trans }}
                    {% elseif routeName == 'advertiser_dashboard_index' %}
                        Dashboard
                    {% elseif routeName == 'admin_custom_report' %}
                        Custom Reports
                    {% elseif routeName == 'admin_custom_import' %}
                        Custom Imports
                    {% elseif routeName == 'admin_service_health' %}
                        Service Health
                    {% elseif routeName == 'business_overview_index' %}
                        Business Overview
                    {% elseif routeName == 'global_parameter_index' %}
                        Global parameters
                    {% elseif routeName == 'portal_gb_index' %}
                        Portal GB
                    {% elseif routeName == 'admin_user' %}
                        {{ 'Users'|trans }}
                    {% elseif routeName == 'advertiser_oi_index' %}
                        OI
                    {% elseif routeName == 'advertiser_brief_show' %}
                        Brief
                    {% elseif routeName == 'admin_user_api' %}
                        {{ 'API Accounts'|trans }}
                    {% elseif routeName == 'admin_brief_mapping' %}
                        {{ 'Brief Mapping'|trans }}
                    {% elseif routeName == 'admin_publisher' %}
                        {{ 'Publishers'|trans }}
                    {% elseif routeName == 'mission_control_index' %}
                        Mission Control
                    {% elseif routeName == 'admin_ats' %}
                        {{ 'List of'|trans }} ATS
                    {% elseif routeName == 'admin_ats_error' %}
                        {{ 'List of'| trans }} {{ 'unknown ATS errors'| trans }}
                    {% elseif routeName == 'admin_demo_golden_quiz' %}
                        Golden Quiz
                    {% endif %}
                </h4>

                <div id="header-entity-selector"></div>

                <div class="px-0 d-flex justify-content-end w-auto ml-auto">

                    {{ include('Includes/notifications.html.twig') }}

                    {# ############### User section ################## #}
                    {% if is_granted('ROLE_BACKEND') %}
                        <div id="header-user-mercure-event"></div>

                        <button id="header-user-task"
                                type="button"
                                class="ml-1 mr-4 my-auto button px-0 pt-1 position-relative slider-icon bg-transparent"
                                data-tippy-content="{{ 'Tasks'|trans }}" disabled>
                            <i class="custom-icon icon-gitlab"></i>
                            <span class="badge-sonar badge-sonar-warning d-none" id="sonar-user-task"></span>
                        </button>

                        <button class="ml-1 mr-4 my-auto button bg-white px-0 pt-1 position-relative"
                                id="header-user-alert"
                                data-tippy-content="{{ 'Alerts'|trans }}" disabled>
                            <i class="far fa-exclamation-circle"></i>
                            <span class="badge-sonar badge-sonar-warning d-none" id="sonar-user-alert"></span>
                        </button>
                    {% endif %}


{#                    <button class="ml-1 mr-4 my-auto button bg-white px-0 pt-1" id="header-navigation-by-history"#}
{#                            data-tippy-content="{{ 'history'|trans|capitalize }}">#}
{#                        <i class="fa fa-history fa"></i>#}
{#                    </button>#}

                    <div class="text-left d-flex align-items-center justify-content-between position-relative pr-2 user-area"
                         id="user-profil">
                        <i class="fa-lg fa-user-circle fad ml-1 mr-4 my-auto"></i>
                        <span class="name-profil d-none d-lg-inline">{{ 'Welcome'|trans }}<br>
                           {% if app.user.firstName is defined %}
                               <b>{{ app.user.firstName }}</b>
                           {% else %}
                               <b>{{ app.user.username }}</b>
                           {% endif %}
                        </span>
                        <div class="dropdown-menu dropdown-user rounded-2 w-fill-available" id="dropdown-menu-profil"
                             style="display: none;">
                            <a href=" {{ path('user_edit', { 'id': app.user.id }) }}"
                               class="d-block text-decoration-none pl-4 py-3">
                                <i class="mr-2 fal fa-user-cog"></i>
                                {{ 'Account'|trans }}
                            </a>
                            <a href="#" class="d-block text-decoration-none pl-4 py-3" id="header-navigation-by-history">
                                <i class="mr-2 fa fa-history fa"></i>
                                {{ 'Show history'|trans }}
                            </a>
                            {% if advertiser is defined and is_granted('ROLE_SAAS') %}
                                <a href="{{ path('advertiser_edit', { advertiser: advertiser.id }) }}"
                                   class="d-block text-decoration-none pl-4 py-3">
                                    <i class="mr-2 fal fa-building"></i>
                                    {{ "Company"|trans }}
                                </a>
                            {% endif %}
                            {% if is_granted('IS_IMPERSONATOR') %}
                                <a href="{{ impersonation_exit_path(path('overview') ) }}"
                                   class="d-block text-decoration-none pl-4 py-3">
                                    <i class="mr-2 fal fa-ghost"></i>
                                    {{ 'Exit impersonation'|trans }}
                                </a>
                            {% endif %}
                            <a href="{{ path('logout') }}" class="d-block text-decoration-none pl-4 py-3">
                                <i class="mr-2 fal fa-sign-out-alt"></i>
                                {{ 'Logout'|trans }}
                            </a>
                        </div>
                        <i class="far fa-angle-down ml-lg-auto"></i>
                    </div>
                </div>
            </div>
        </header>
    </div>
{% endif %}