{# Player announcements - rendered right under the player navbar (see base.html.twig) #}
{% set _announcements = player_announcements() %}
{% if _announcements is not empty %}
    <div class="announcement-stack" data-testid="announcement-stack">
        {% for announcement in _announcements %}
            <div class="announcement-bar announcement-bar--{{ announcement.audience }}"
                 role="status"
                 data-controller="announcement"
                 data-testid="announcement-bar"
                 data-announcement-id="{{ announcement.id }}">
                <div class="announcement-bar__viewport" data-announcement-target="viewport">
                    <div class="announcement-bar__text" data-announcement-target="text">{{ announcement.message|announcement_links }}</div>
                </div>
                <button type="button"
                        class="announcement-bar__close"
                        aria-label="Dismiss announcement"
                        data-action="announcement#dismiss"
                        data-testid="announcement-dismiss">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true">
                        <path d="M18 6 6 18M6 6l12 12"/>
                    </svg>
                </button>
            </div>
        {% endfor %}
    </div>
{% endif %}