{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% 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">GoGuardian Resource</div>
      {% comment %} <div class="np-resource-subtitle">{{ catalog.subheadline }}</div> {% endcomment %}
    </div>
  </div>
{% assign any_courses = false %}
<div class="np-catalog-courses row row-with-thumbnails">
    {% for course in courses.in_catalog %}
        {% for category in course.categories  %}
            {% if category.name == 'GoGuardian Resource' %}
            {% assign any_courses = true %}
                <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
                    {% include "resources_cards_course" with course %}
                </div>
            {% endif %}
        {% endfor %}
    {% endfor %}
</div>
    {% if any_courses == false %}
      {% capture message %}
        {% t shared.zero_state.courses.catalog,
          key: current_school.course_vocabulary
        %}
      {% endcapture %}
      {% include "courses_zero_state", message: message %}
    {% endif %}
  
</main>
{% include "footer" %}