{% for alert in alerts %}
  <div class="notification">
    <p class="notification__icon">
      <img src="{{ asset('images/club/icons/icon-bell-red.svg') }}" alt="Alert Icon">
    </p>
    <div class="notification__content">
      <p class="proscreen-red-text body-text fw-bold mb-0">Emergency assistance</p>
      <p class="body-text-small mb-0"><strong>Group {{ alert.round.number }},</strong>
        Name, {{ alert.user.firstName }}</p>
      <p class="body-text-small mb-0">{{ alert.datetimeAlerted|date("H:i") }}</p>
    </div>
    <p class="notification__close" data-alert="{{ alert.id }}" data-club="{{ alert.club.id }}">
      <img src="{{ asset('images/club/icons/icon-notification-close.svg') }}" alt="Close Icon">
    </p>
  </div>
{% endfor %}