{% set notifs = notifications.findAllUnread() %}
{% set unreadNotifs = notifs %}
{#{% if is_granted('ROLE_ADMIN') or is_granted('ROLE_REFERENT') %}#}
{#    {% set unreadNotifs = notifs|filter(n => n.readAt is not defined or n.readAt is null) %}#}
{#{% else %}#}
{#    {% set unreadNotifs = notifs|filter(n => n.userReadAt is not defined or n.userReadAt is null)|map(n => n[0] is defined ? n[0] : n) %}#}
{#{% endif %}#}
{% set maxNotifs = app_notification_header_number %}

<header class="main-header" role="banner">
    <!-- Logo -->
    <div class="logo">
        <span class="logo-mini"><img src="{{ asset(app_image_sidebar_reduced_path) }}" alt=""/></span>
        <span class="logo-lg"><img class="fit-picture" src="{{ asset(app_image_logo_blanc) }}" alt="Madis"></span>
    </div>

    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation" aria-label="{{ 'global.navigation.header'|trans }}">
        <!-- Sidebar toggle button-->
        <button aria-label="{{ 'global.navigation.open_menu'|trans }}" aria-expanded="true" class="btn sidebar-toggle" data-toggle="push-menu" >
          <i aria-hidden="true" class="fa fa-bars"></i>
        </button>

        <!-- Navbar Right Menu -->
        <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
                <!-- Notifications -->
                {% if app_activate_notifications %}
                <li id="notifications" class="dropdown notifications-menu">
                    <button aria-label="{% if notifs|length %}{{ notifs|length }} {% endif %}Notifications" aria-expanded="false" class="btn nav-button" data-toggle="dropdown">
                        <i aria-hidden="true" class="fa fa-bell"></i>
                        {% if notifs|length %}
                        <span class="badge bg-yellow navbar-badge">{{ notifs|length }}</span>
                        {% endif %}
                    </button>
                    <div class="dropdown-menu dropdown-large" style="width:600px">
                        {{ block("body", "Notification/Notification/box.html.twig") }}
                    </div>
                </li>
                {% endif %}
                <!-- User Account Menu -->
                {% if app.user is defined %}
                    <li>
                        <button aria-expanded="false" class="btn nav-button {% if (menuItem == 'user_profile_user' or menuItem == 'user_profile_collectivity') %} header-menu-active{% endif %}" data-toggle="dropdown">
                            <span style="margin-right: 5px;">{{ app.user }} - {{ app.user.roles[0]|dictionary('user_user_role') }}</span>
                                <i aria-hidden="true" class="fa fa-caret-down"></i>
                        </button>
                        <ul class="dropdown-menu header-menu">
                            <li {% if menuItem == 'user_profile_user' %}class="active"{% endif %}>
                                <a href="{{ path('user_profile_user_edit') }}" {% if menuItem == 'user_profile_user' %}aria-current="page"{% endif %}>
                                    <i aria-hidden="true" class="fa fa-user"></i>
                                    <span>{{ 'global.sidebar_menu.user_profile'|trans }}</span>
                                </a>
                            </li>
                            <li {% if menuItem == 'user_profile_collectivity' %}class="active"{% endif %}>
                                <a href="{{ path('user_profile_collectivity_show') }}" {% if menuItem == 'user_profile_collectivity' %}aria-current="page"{% endif %}>
                                    <i aria-hidden="true" class="fa fa-home"></i>
                                    <span>{{ 'global.sidebar_menu.user_organization'|trans }}</span>
                                </a>
                            </li>
                            {% if not is_granted('ROLE_PREVIOUS_ADMIN') %}
                                <li>
                                    <a href="{{ path('logout') }}" >
                                        <i aria-hidden="true" class="fa fa-power-off"></i>
                                        <span>{{ 'global.sidebar_menu.logout'|trans }}</span>
                                    </a>
                                </li>
                            {% endif %}
                        </ul>
                    </li>
                {% endif %}
            </ul>
        </div>
    </nav>
</header>