{% set color = notification.color|default('secondary') %}
{% set icon = notification.icon|default('solar:bell-bing-line-duotone') %}
<a href="{{ path('app_notification_open', {id: notification.id}) }}"
   class="py-6 px-7 d-flex align-items-center dropdown-item gap-3 {{ not notification.lu ? 'bg-light' : '' }}">
    <span class="flex-shrink-0 bg-{{ color }}-subtle rounded-circle round d-flex align-items-center justify-content-center fs-6 text-{{ color }}">
        <iconify-icon icon="{{ icon }}"></iconify-icon>
    </span>
    <span class="w-75">
        <span class="d-flex align-items-center justify-content-between gap-2">
            <span class="mb-1 fw-semibold text-truncate">{{ notification.titre }}</span>
            <span class="d-block fs-2 text-nowrap">{{ notification.createdAt ? notification.createdAt|date('d/m H:i') : '' }}</span>
        </span>
        <span class="d-block text-truncate fs-11">{{ notification.message }}</span>
    </span>
</a>