{{ 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"'
%}

<section {{ attributes|raw }}>
  <div class="primary">
    {% for card in cards %}
      {% 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
      } only %}
    {% endfor %}
  </div>
  {% if alternate_content %}
  {# Alternate display (calendar) #}
    <div class="alternate">
      {{ alternate_content }}
    </div>
  {% endif %}
</section>