{% load i18n %}
<div class="workgroup-panel__header">
  <div class="workgroup-panel__eyebrow">{% trans "Live panel" %}</div>
  <h1>{% trans "The Workgroup" %}</h1>
</div>
{% if panel_items %}
  <div class="workgroup-panel__items">
    {% for item in panel_items %}
      <article class="workgroup-panel__item workgroup-panel__item--{{ item.kind }}">
        <h2>{{ item.title }}</h2>
        {% if item.kind == "image" and item.image_url %}
          <img src="{{ item.image_url }}" alt="{{ item.title }}">
        {% endif %}
        {% if item.body %}
          <p>{{ item.body|urlize|linebreaksbr }}</p>
        {% endif %}
        {% if item.kind == "link" and item.link_url %}
          <a class="workgroup-panel__link" href="{{ item.link_url }}" target="_blank" rel="noopener noreferrer">
            {{ item.link_label|default:item.link_url }}
          </a>
        {% endif %}
      </article>
    {% endfor %}
  </div>
{% else %}
  <p class="workgroup-panel__empty">{% trans "No active transmissions." %}</p>
{% endif %}