{% set view_tag = view_tag|default('div') %}

{% set classes = [
  'view',
  'view--' ~ view_id,
  'view--' ~ view_display_id,
  'view--' ~ view_format,
  view_columns ? 'view--' ~ view_columns ~ '-columns' : '',
  view_dom_id ? 'js-view-dom-id-' ~ view_dom_id : '',
] %}

{% set attributes = attributes|default(create_attribute()) %}
{% set attributes = attributes.setAttribute('class', classes) %}

<{{ view_tag }}{{ attributes }}>
  {% if view_header %}
    <div class="view__header">
      {% if view_header %}
        <div class="view__header-content">
          {{ view_header }}
        </div>
      {% endif %}
    </div>
  {% endif %}

  {% if view_exposed %}
    <div class="view__filters">
      <details open>
        <summary>
          {% include "@ui-component/icon/icon.twig" with {
            icon_name: 'filter'
          } %}
          Filters
        </summary>
        {{ view_exposed }}
      </details>
    </div>
  {% endif %}

  <div class="view__content">
    {% block view_content %}
      {% if view_attachment_before %}
        <div class="view__attachment view__attachment--before">
          {{ view_attachment_before }}
        </div>
      {% endif %}

      {% if view_rows %}
        {{ view_rows }}
      {% endif %}

      {{ view_empty }}

      {% if view_pager %}
        <div class="view__pager">
          {{ view_pager }}
        </div>
      {% endif %}

      {% if view_attachment_after %}
        <div class="view__attachment view__attachment--after">
          {{ view_attachment_after }}
        </div>
      {% endif %}

      {% if view_more %}
        <div class="view__more-link">
          {{ view_more }}
        </div>
      {% endif %}
    {% endblock %}
  </div>

  {% if view_footer %}
    <footer class="view__footer">
      {{ view_footer }}
    </footer>
  {% endif %}
</{{ view_tag }}>
