{% if courses.in_catalog.any? %}
  <div class="np-catalog-courses row row-with-thumbnails">
    {% for course in courses.in_catalog %}
      {% assign course_category_ids = "" %}
      {% for cat in course.categories %}
        {% assign course_category_ids = course_category_ids | append: cat.id %}
      {% endfor %}

      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content courses-catalog-column" data-filter='{{course_category_ids}}'>
        {% include "cards_course" with course %}
      </div>
    {% endfor %}
  </div>
{% else %}
  {% capture message %}
    {% t shared.zero_state.courses.catalog,
      key: current_school.course_vocabulary
    %}
  {% endcapture %}
  {% include "courses_zero_state", message: message %}
{% endif %}
