{# Announcement Banner - Configurable banner for surveys, events, releases, etc. #}
{# Only renders if announcement_banner dict is provided with text #}
{% if theme_announcement_banner and theme_announcement_banner.text %}
{% set ann = theme_announcement_banner %}
{% set is_dismissible = ann.dismissible is not defined or ann.dismissible %}
<div class="announcement-banner{% if not is_dismissible %} no-dismiss{% endif %}" id="announcement-banner"{% if is_dismissible %} style="display: none;"{% endif %}>
  <div class="announcement-banner-container">
    <span class="announcement-banner-text">{{ ann.text }}</span>
    {% if ann.url %}
    <a href="{{ ann.url }}"
       target="_blank"
       rel="noopener noreferrer"
       class="announcement-banner-link">
      {{ ann.link_text | default("Learn More") }}
    </a>
    {% endif %}
    {% if is_dismissible %}
    <button class="announcement-banner-close"
            id="announcement-banner-close"
            aria-label="Dismiss announcement"
            title="Dismiss">
      <i class="fa fa-times" aria-hidden="true"></i>
    </button>
    {% endif %}
  </div>
</div>
{% if is_dismissible %}
<script>
(function() {
  var STORAGE_KEY = 'pytorch_announcement_dismissed';
  var banner = document.getElementById('announcement-banner');
  var closeBtn = document.getElementById('announcement-banner-close');

  if (!banner) return;

  if (localStorage.getItem(STORAGE_KEY) === 'true') {
    return;
  }

  banner.style.display = 'block';
  banner.classList.add('is-visible');

  if (closeBtn) {
    closeBtn.addEventListener('click', function() {
      banner.classList.remove('is-visible');
      banner.classList.add('is-hiding');
      setTimeout(function() {
        banner.style.display = 'none';
      }, 300);
      localStorage.setItem(STORAGE_KEY, 'true');
    });
  }
})();
</script>
{% endif %}
{% endif %}