{% if notifications | length > 0 %}
{% set types = ['warning', 'danger', 'info'] %}
    {% for notification in notifications %}
        
        <a href="javascript:void(0)" class="notif py-6 px-7 d-flex align-items-center dropdown-item">
        
            <div class="w-100">
                {% if notification.type in types %}
                    <span class="mb-1 badge text-bg-{{notification.type}}">{{notification.titre}}</span>
                {% else %}
                    <h6 class="mb-1 fw-semibold lh-base text-wrap">{{notification.titre}}</h6>
                {% endif %}
                <span class="fs-3 d-block text-wrap">{{notification.message}}</span>
                <span class="fs-1 d-block text-body-secondary text-end">{{notification.createdAt | date('d/m/Y à H:i')}}</span>
            </div>
            {% if notification.action == "url" %}
                <div class="me-3">
                    <button type="button"
                            class="btn mb-1 bg-info-subtle rounded-circle round-30 btn-sm d-inline-flex align-items-center justify-content-center"
                            onclick="window.location.href='{{ notification.url }}'">
                        <i class="fs-5 ti ti-eye"></i>
                    </button>            
                </div>
            {% endif %}
            <div>
                <button type="button" data-id="{{notification.id}}" data-type="notification" class="delete-notification btn mb-1 bg-danger-subtle rounded-circle round-30 btn-sm d-inline-flex align-items-center justify-content-center"><i class="fs-5 ti ti-trash"></i></button>        
            </div>
        </a>
    {% endfor %}
{% else %}
    <div class="text-center text-muted py-4 small" id="notifEmpty">Aucune notification</div>
{% endif %}