{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
<main class="np-main np-catalog np-subpage-container np-max-width">
      <div class="np-resource-title">
        Available Courses
      </div>
      {% if courses.in_catalog.any? %}
				<div class="np-catalog-courses row row-with-thumbnails">
					<div class="col-xs-12 col-sm-6 col-md-5 col-lg-3">
						{% include "filter_sidebar_courses" %}
					</div>
          {% for course in courses.in_catalog %}
							{% assign course_categories = "" %}
									{% for cat in course.categories %}
										{% assign cat_name = cat.name | replace: " ", "-" | downcase %}
										{% assign course_categories = course_categories | append: cat_name %}
									{% endfor %}
            {% unless course.enrolled? %}
						<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content course-columns" data-categories='{{course_categories}}'>
							{% include "cards_course" with course, class: "col-xs-12 col-md-6" %}
              </div>
            {% endunless %}
          {% endfor %}
        </div>
      {% else %}
        {% capture message %}
          {% t shared.zero_state.courses.catalog
          , key: current_school.course_vocabulary %}
        {% endcapture %}
        {% include "courses_zero_state", message: message %}
      {% endif %}
		</div>

		{% comment %}
  <div class="np-catalog-header-wrapper">
    <div class="np-catalog-header">
      <div class="np-resource-title">{{ catalog.headline }}</div>
      <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
    </div>
    {% capture label %}
      {% t shared.filters.by_category %}{% endcapture %}

		{% if courses.in_catalog.any? %}
    {%
    include "filter_dropdown",
    filters: courses.filters,
    key: "category_uuid",
    label: label
    %}
    {% endif %} {% endcomment %}
  </div>
{% comment %}   {% include "courses_catalog" %} {% endcomment %}
</main>
{% include "footer" %}