{# Normalise: accept a single dict, a list of dicts, or nothing #}
{% if theme_announcement_banner %}
  {% if theme_announcement_banner is mapping %}
    {% set ast_items = [theme_announcement_banner] %}
  {% else %}
    {% set ast_items = theme_announcement_banner %}
  {% endif %}
{% else %}
  {% set ast_items = [] %}
{% endif %}
{# Compute most-severe type for the banner border/icon #}
{% set _priority = {'error': 3, 'warning': 2, 'success': 1, 'info': 0} %}
{% set ns = namespace(banner_type='info') %}
{% for item in ast_items %}
  {% if _priority.get(item.get('type','info'), 0) > _priority.get(ns.banner_type, 0) %}
    {% set ns.banner_type = item.get('type','info') %}
  {% endif %}
{% endfor %}
{% set announcement_banner_type = ns.banner_type %}
{% set ast_first_message = ast_items[0].get('message', '') if ast_items else '' %}
{% set ast_first_url = ast_items[0].get('url', '') if ast_items else '' %}

<div class="ast-announcement-wrap" role="region" aria-label="Announcement"{% if not ast_items %} hidden{% endif %}>
    <div class="ast-announcement {{ announcement_banner_type }}">
        <span class="ast-announcement-icon" aria-hidden="true"></span>
        <span class="ast-announcement-text" id="ast-announcement-text">{{ ast_first_message | safe }}</span>
        <!-- djlint:off H021-->
        <!-- for inline styles -->
        <a class="ast-announcement-details-btn" id="ast-announcement-details-btn"
           href="{{ ast_first_url | e }}"
           data-ast-url="{{ ast_first_url | e }}"
           aria-label="View notifications"
           style="display:none">View</a>
        <!-- djlint:on -->
        <!-- djlint:off H023-->
        <!-- use entity reference for &times; -->
        <button class="ast-announcement-close" id="ast-announcement-close" aria-label="Close announcement">&times;</button>
        <!-- djlint:on -->
    </div>
</div>

<!-- Modal overlay -->
<!-- djlint:off H023-->
<!-- use entity reference for &times; -->
<div class="ast-announcement-overlay" id="ast-announcement-overlay" role="dialog" aria-modal="true" aria-label="Announcement details">
    <div class="ast-announcement-modal {{ announcement_banner_type }}">
        <div class="ast-announcement-modal-body"
             data-ast-items='{{ ast_items | tojson | e }}'>
        </div>
        <button class="ast-announcement-modal-close" id="ast-announcement-modal-close" aria-label="Close">&times;</button>
    </div>
</div>
<!-- djlint:on -->

<script src="{{ pathto('_static/js/announcement_banner.js', 1) }}"
        data-base-url="{{ pathto('', 1) }}"></script>