<div id="menu-notif" class="btn-menuprofile">
    {% if menu_notif.notif_total != 0 %}
        <span class="compteur">{{ menu_notif.notif_total }}</span>
        <div id="menu-notif-submenu" class="bg-default border-shadow">
            <span class="arrow"></span>
            <ul class="menu-list menu-list-border">
                {% for item in menu_notif.item_list %}
                <li>
                    <a 
                        class="link-unstyled p-small bs-row flex-x-btw flex-nowrap"
                        {% if item.route is defined %}
                            {# V2 #}
                            href="{{ path( item.route, item.route_param|default([]) ) }}"
                        {% else %}
                        {% endif %}
                    >
                        {{ item.label }}
                        <span class="badge-counter">{{ item.count }}</span>
                    </a>
                </li>
                    
                {% endfor %}
            </ul>
        </div>
    {% endif %}
</div>