{{ attach_library('goizueta_theme/spreadsheet-superfilter-card-filter-container') }}
{% set see_more = false %}
{%
set attributes = attributes ? attributes.addClass('spreadsheet-superfilter-card-filter-container')  : ' class="spreadsheet-superfilter-card-filter-container"'
%}
{{ dump() }}
<section {{ attributes|raw }}>
  <div class="primary">
    {% for card in cards %}
      {% if limit and loop.index > limit %}
        {% set see_more = true %}
      {% endif %}
      {% include '@components/spreadsheet-superfilter-card/spreadsheet-superfilter-card.twig' with {
        "headline": card.headline,
        "subheadline": card.subheadline ?? NULL,
        "body": card.body ?? NULL,
        "destination_url": card.destination_url ?? NULL,
        "cta_text": card.cta_text ?? NULL,
        "cta_508_title": card.cta_508_title ?? NULL,
        "bottom_fields": card.bottom_fields ?? NULL,
        "data": card.data ?? NULL,
        "classes": see_more ? 'hidden' : ''
      } only %}
    {% endfor %}
  </div>
  <div class="see-more{% if not see_more %} hidden{% endif %}"{% if see_more %} data-limit="{{ limit }}" data-showing="{{ limit }}" data-max="{{ cards|length }}"{% endif %}>
    {% include '@components/link-see-more/link-see-more.twig' %}
  </div>
</section>