{#
/**
 * @file
 * Default theme implementation for main view template.
 *
 * Available variables:
 * - attributes: Remaining HTML attributes for the element.
 * - css_name: A css-safe version of the view name.
 * - css_class: The user-specified classes names, if any.
 * - header: The optional header.
 * - footer: The optional footer.
 * - rows: The results of the view query, if any.
 * - empty: The content to display if there are no rows.
 * - pager: The optional pager next/prev links to display.
 * - exposed: Exposed widget form/info to display.
 * - feed_icons: Optional feed icons to display.
 * - more: An optional link to the next page of results.
 * - title: Title of the view, only used when displaying in the admin preview.
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the view title.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the view title.
 * - attachment_before: An optional attachment view to be displayed before the
 *   view content.
 * - attachment_after: An optional attachment view to be displayed after the
 *   view content.
 * - dom_id: Unique id for every view being printed to give unique class for
 *   Javascript.
 *
 * @see template_preprocess_views_view()
 *
 * @ingroup templates
 */
#}

{%
  set classes = [
  'view',
  'view-' ~ id|clean_class,
  'view-id-' ~ id,
  'view-display-id-' ~ display_id,
  dom_id ? 'js-view-dom-id-' ~ dom_id,
]
%}

{%
  set error_classes = [
  display_id == 'page' ? 'alert alert-info',
  display_id != 'page' ? 'small card__block dropdown-header',
]
%}

{{ attach_library('socialbase/form--filter-membership') }}

<div{{ attributes.addClass(classes) }}>
  {{ title_prefix }}
  {{ title }}
  {{ title_suffix }}

  {% if header %}
    <div class="row form-group-inline--right">
      {% block filter_block %}
        <div class="right-auto">
          <h4>
            {{ header.result }}
          </h4>
        </div>
        <div class="filter-block">
          {% if exposed %}
            <div class="view-filters form-group infinity-filter">
              {{ 'Showing'|t }} {{ exposed }} <span class="separate-text">{{ 'of'|t }}</span> {{ view.total_rows }}
            </div>
          {% endif %}

          {{ header.actions }}
        </div>
      {% endblock %}
    </div>
  {% endif %}

  {% if attachment_before %}
    <div class="attachment attachment-before">
      {{ attachment_before }}
    </div>
  {% endif %}

  {% if not empty %}
    {{ rows }}
  {% endif %}

  {% if empty %}

  <div{{ content_attributes.addClass(error_classes) }}" role="alert">
  <h4 class="sr-only">{{ 'Informative message'|t }}</h4>
  {{ empty }}
</div>
{% endif %}

  {{ pager }}

  {{ attachment_after }}
  {{ more }}

  {% if footer %}
    <div class="view-footer">
      {{ footer }}
    </div>
  {% endif %}

  {% if feed_icons %}
    <div class="feed-icons">
      {{ feed_icons }}
    </div>
  {% endif %}
</div>
