{% if nbNew is defined and nbNew > 0 %}
    <div class="notifications mr-5 d-flex align-items-center position-relative cursor-pointer" id="notifications">
        <i class="far fa-envelope"></i>
        <span class="badge-sonar"></span>
        <div id="vueNotif">
            <div class="dropdown-menu rounded-2 px-3 text-center py-4" id="dropdown-mark-as-read" style="cursor: default">
                <span class="chips chips_green text-success mb-3">{{ nbNew }} {{ 'unread'|trans({'%count%': nbNew})|lower }}</span>
                <a href="{{ path('cvlibrary_form_check_all', { advertiser: advertiser.id, dafInstance: dafInstance.id }) }}"
                   class="text-underline cursor-pointer d-block text-nowrap px-3" id="mark-as-read">
                    {{ 'mark all as read'|trans }}
                </a>
            </div>
        </div>
    </div>
{% endif %}