{% set notificationIcons = {
    'info': {
        'class': 'fas fa-info-circle',
        'color': 'alert-info'
    },
    'warning': {
        'class': 'fas fa-exclamation-circle',
        'color': 'alert-warning'
    },
    'urgent': {
        'class': 'fas fa-exclamation-triangle',
        'color': 'alert-danger'
    }
} %}
{% set notifications = notifications(app.user) %}
{% if notifications|length > 0 %}
	{% for notification in notifications %}
        <div class="alert {{ notificationIcons[notification.urgency]['color'] }}" data-tarin-notification="{{ notification.uuid }}">
            <div class="d-flex justify-content-between">
                <div class="d-flex align-items-center">
                    <div class="me-2">
                        <i class="{{ notificationIcons[notification.urgency]['class'] }}"></i>
                    </div>
                    <div class="fw-bold">
                        {{ notification.title }}
                    </div>
                </div>
                <div class="d-flex align-items-center gap-2">
                    {% if notification.hyperlink %}
                    <a href="{{ notification.hyperlink }}" class="text-decoration-none text-body">
                        <i class="fas fa-fw fa-external-link-alt"></i>
                    </a>
                    {% endif %}
                    <a href="#" class="text-decoration-none text-body" data-tarin-dismiss="admin-notification" data-tarin-uuid="{{ notification.uuid }}">
                        <i class="fas fa-fw fa-bell-slash"></i>
                    </a>
                </div>
            </div>
            <div class="text-muted">
                <small>{{ notification.message }}</small>
            </div>
            <div class="text-muted">
                <small style="font-size: 10px;"></small>
            </div>
        </div>
	{% endfor %}
{% endif %}