{% set notificationsNotViewed = displayNotificationsNotViewed() %}
<li class="dropdown notifications-menu">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
        <i class="fa fa-bell-o"></i>
        <span class="label label-danger">{{ notificationsNotViewed['count'] }}</span>
    </a>
    <ul class="dropdown-menu" style="max-height: 200px; overflow-y: auto; overflow-x: hidden;" aria-labelledby="dropdownMenu1">
        <li class="header">Vous avez {{ notificationsNotViewed['count'] }} notifications</li>
        {% for data in notificationsNotViewed['datas'] %}
            <li class="header">
                <a
                    {% if data['type'] == 'booking' %}
                        href="{{ path('app_booking_index', {'bookingId': data['id'], 'bookingViewed': true}) }}"
                    {% elseif data['type'] == 'contact' %}
                        href="{{ path('app_contact_index', {'contactId': data['id'], 'contactViewed': true}) }}"
                    {% elseif data['type'] == 'reservation_request' %}
                        href="{{ path('app_reservation_request_index', {'reservationRequestId': data['id'], 'reservationRequestViewed': true}) }}"
                    {% else %}
                        href="#"
                    {% endif %}
                >
                    <label>
                        {{ data['full_name'] }}
                    </label>
                    <br>
                    <small class="text-muted">
                        {{ data['content'] }}<br>
                        <i class="fa fa-clock-o"></i>
                        {{ data['created_at']|date('Y-m-d H:i:m') }}
                    </small>
                </a>
            </li>
        {% endfor %}
    </ul>
</li>