{% if courses.in_catalog.any? %}
  <div class="np-catalog-courses row row-with-thumbnails" id="filterProgress">
    {% for course in courses.in_catalog %}

     {% comment %} USED FOR PROGRESS FILTER  {% endcomment %}
      {% assign catalog_course_status = "" %}

      {% if course.started? == false  %}
         {% assign catalog_course_status = "not-started" %}
      {% elsif course.completed?  %}
        {% assign catalog_course_status = "completed" %}
      {% elsif course.started?  %}
        {% assign catalog_course_status = "in-progress" %}
      {% endif %}

      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content {{catalog_course_status }}">
        {% 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 %}
