{% load i18n %}
{% if audience_allowed %}
  <div
    id="daisie-feed-{{ block.id }}"
    class="{% if block_css %}{{ block_css }}{% endif %}"{% if block_style %} style="{{ block_style }}"{% endif %}
    data-daisie-feed
  >
    {% if filters or allow_layout_toggle and toggle_options %}
      <form
        method="get"
        class="mb-6 space-y-4"
        data-daisie-feed-form
        hx-get="{{ feed_url }}"
        hx-target="#daisie-feed-body-{{ block.id }}"
        hx-swap="outerHTML"
        hx-trigger="change, input changed delay:400ms from:find input[type='search']"
      >
        <input type="hidden" name="block" value="{{ block.id }}" />
        <input type="hidden" name="offset" value="0" />
        {% for filter in filters %}
          {% include "wagtail_daisIE/blocks/data/feed_filter.html" with filter=filter %}
        {% endfor %}
        {% if allow_layout_toggle and toggle_options %}
          <div class="join" role="radiogroup" aria-label="{% translate 'Layout' %}">
            {% for option in toggle_options %}
              <label class="btn btn-sm join-item{% if option.value == layout %} btn-active{% endif %}">
                <input
                  type="radio"
                  name="layout"
                  value="{{ option.value }}"
                  class="sr-only"
                  {% if option.value == layout %}checked{% endif %}
                />
                {{ option.label }}
              </label>
            {% endfor %}
          </div>
        {% endif %}
        <noscript>
          <button type="submit" class="{{ submit_css }}">{% translate "Apply" %}</button>
        </noscript>
      </form>
    {% endif %}

    {% include "wagtail_daisIE/blocks/data/feed_body.html" with block_id=block.id empty_message=value.feed.empty_message %}
  </div>
{% endif %}