{% load querystring i18n %}
<div id="tag-list" class="d-flex flex-wrap gap-2"{% if oob %} hx-swap-oob="true"{% endif %}>
  {% for tag in tags %}
    {% if active_tag == tag.name %}
      <a class="badge rounded-pill text-bg-dark text-decoration-none tag" href="{% query_replace tag=None %}">#{{ tag.name }} ×</a>
    {% else %}
      <a class="badge rounded-pill text-bg-light text-decoration-none tag" href="{% query_replace tag=tag.name %}">#{{ tag.name }}</a>
    {% endif %}
  {% empty %}<span class="text-muted small">{% trans "No tags yet" %}</span>{% endfor %}
</div>