{{ attach_library('goizueta_theme/course-link-card-filter-container') }}

{%
set attributes = attributes ? attributes.addClass('course-link-card-filter-container')  : ' class="course-link-card-filter-container"'
%}
{% set see_more = false %}

<section {{ attributes|raw }}>
  <div class="primary">
    {% for card in cards %}
      {% if limit and loop.index > limit %}
        {% set see_more = true %}
      {% endif %}
      {% include '@components/course-link-card/course-link-card.twig' with {
        "title": card.title,
        "dates": card.dates,
        "summary": card.summary,
        "link_url": card.link_url,
        "topics": card.topics,
        "duration": card.duration,
        "format": card.format,
        "certificates": card.certificates,
        "data": card.data,
        "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>
  {% if alternate_content %}
  {# Alternate display (calendar) #}
    <div class="alternate">
      {{ alternate_content }}
    </div>
  {% endif %}
</section>