{% comment %}
RIMS status banner — surfaces important lifecycle states (withdrawn calls,
expired MOUs, terminated scholars) at the top of a detail page so visitors
don't read a stale record without context.

Usage:
  {% include "components/status_banner.html" with variant="danger" title="Call withdrawn" message="Applications are no longer being accepted." %}

variants:
  danger  → red surface (withdrawn, terminated, rejected)
  warning → amber surface (expiring, awaiting action)
  info    → neutral surface (informational)

Tokens are from the existing design system (no gradients per project rules).
{% endcomment %}
{% with v=variant|default:"info" %}
<div class="mb-6 flex items-start gap-3 rounded-xl border px-5 py-4
  {% if v == 'danger' %}border-rose-300 bg-rose-50 text-rose-900
  {% elif v == 'warning' %}border-amber-300 bg-amber-50 text-amber-900
  {% else %}border-ruforum-border bg-ruforum-surface-warm text-ruforum-text{% endif %}"
  role="status"
  aria-live="polite">
  <span class="mt-0.5 flex h-7 w-7 flex-none items-center justify-center rounded-full
    {% if v == 'danger' %}bg-rose-100 text-rose-700
    {% elif v == 'warning' %}bg-amber-100 text-amber-700
    {% else %}bg-white text-ruforum-text{% endif %}">
    {% if v == 'danger' %}
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-4 w-4" aria-hidden="true"><path fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0V6Zm-1 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /></svg>
    {% elif v == 'warning' %}
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-4 w-4" aria-hidden="true"><path fill-rule="evenodd" d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 6a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 6Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /></svg>
    {% else %}
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-4 w-4" aria-hidden="true"><path fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.25v3.25h-.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-.25V9.75a.75.75 0 0 0-.75-.75H9Z" clip-rule="evenodd" /></svg>
    {% endif %}
  </span>
  <div class="min-w-0 flex-1">
    {% if title %}
      <p class="font-display text-sm font-semibold leading-tight">{{ title }}</p>
    {% endif %}
    {% if message %}
      <p class="{% if title %}mt-1 {% endif %}text-sm leading-relaxed">{{ message }}</p>
    {% endif %}
    {% if action_label and action_url %}
      <div class="mt-3">
        <a href="{{ action_url }}" class="inline-flex items-center gap-1 rounded-md border border-current px-3 py-1.5 text-xs font-medium hover:bg-white/40 focus:outline-none focus:ring-2 focus:ring-current/40">
          {{ action_label }}
        </a>
      </div>
    {% endif %}
  </div>
</div>
{% endwith %}