{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
  <div class="np-catalog-header-wrapper">
    <div class="np-catalog-header">
      <div class="np-resource-title">{{ custom_page.headline }}</div>
      <div class="np-resource-subtitle">{{ custom_page.subheadline }}</div>
    </div>
  </div>
  {% if courses.in_catalog.any? %}
    <div class="np-catalog-courses row row-with-thumbnails">
      {% for course in courses.in_catalog %}
        {% if course.properties.is_article_course %}
          {% if course.id == "b3225a47-448d-4988-962a-18d37d6616d0" or course.id == "fdc8acdc-0b7c-4064-a52b-1955379d411b" %}
            {% unless course.progress == 100 %}
              <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
                {% include "cards_article" with course %}
              </div>
            {% endunless %}
          {% else %}
            <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
              {% include "cards_article" with course %}
            </div>
          {% endif %}
        {% endif %}
      {% endfor %}
    </div>
  {% else %}
    {% capture message %}
      {% t shared.zero_state.courses.catalog
       , key: current_school.course_vocabulary %}
    {% endcapture %}
    {% include "courses_zero_state", message: message %}
  {% endif %}
</main>
{% include "footer" %}