{% load i18n wagtail_daisIE_tags %}
{% 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 %}
      {% if filter_menu.enabled %}
        {% if filter_menu.style == "modal" %}
          <label for="daisie-filter-menu-{{ block.id }}" class="{{ filter_menu.trigger_css }}">
            {% if filter_menu.icon %}{% daisyui_icon filter_menu.icon %}{% endif %}
            {{ filter_menu.label }}
          </label>
          <input
            type="checkbox"
            id="daisie-filter-menu-{{ block.id }}"
            class="modal-toggle"
            {% if filter_menu.default_open %}checked{% endif %}
          />
          <div class="modal {{ filter_menu.container_css }}" role="dialog">
            <div class="modal-box {{ filter_menu.panel_css }}">
              {% include "wagtail_daisIE/blocks/data/feed_filter_form.html" %}
              <label for="daisie-filter-menu-{{ block.id }}" class="btn mt-4">
                {% translate "Close" %}
              </label>
            </div>
            <label class="modal-backdrop" for="daisie-filter-menu-{{ block.id }}">
              {% translate "Close" %}
            </label>
          </div>
        {% else %}
          <div class="menu p-0">
            <details class="{{ filter_menu.container_css }}"{% if filter_menu.default_open %} open{% endif %}>
              <summary class="{{ filter_menu.trigger_css }}">
                {% if filter_menu.icon %}{% daisyui_icon filter_menu.icon %}{% endif %}
                {{ filter_menu.label }}
              </summary>
              <div class="{{ filter_menu.panel_css }}">
                {% include "wagtail_daisIE/blocks/data/feed_filter_form.html" %}
              </div>
            </details>
          </div>
        {% endif %}
      {% else %}
        {% include "wagtail_daisIE/blocks/data/feed_filter_form.html" %}
      {% endif %}
    {% endif %}

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