{% include "header" %}
<div class="np-homepage-hero">
  <img class="np-homepage-hero-image" src="{{ homepage.artwork_url }}" />
</div>
{% include "sub_navigation" %}

{% assign learning_path_course_ids = "" %}

{% assign enrolled_courses = courses.enrolled %}
{% assign catalog_courses = courses.in_catalog %}

{% for learning_path in learning_paths.enrolled %}
  {% assign is_new_hire_path = false %}
  {% for category in learning_path.categories %}
    {% if category.name == "New Hire Training" %}
      {% assign is_new_hire_path = true %}
      {% break %}
    {% endif %}
  {% endfor %}
  {% if is_new_hire_path %}
    {% for item in learning_path.items %}
      {% if item.course? %}
        {% if item.completed? %}
          {% assign learning_path_course_ids = learning_path_course_ids | append: item.id %}
        {% endif %}
      {% endif %}
    {% endfor %}
    {% break %}
  {% endif %}
{% endfor %}

<main class="np-main np-dashboard np-subpage-container np-max-width">
  <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 class="row np-flex-center">
    {% for enrolled_course in enrolled_courses %}
      {% if learning_path_course_ids contains enrolled_course.id %}
        {% assign supplemental_courses = enrolled_course.properties.supplemental_course_names | strip | split: "," %}
        {% for supplemental in supplemental_courses %}
          {% assign supplemental_course_name = supplemental | strip %}
          {% for course in catalog_courses %}
            {% assign course_name = course.name | strip %}
            {% if course_name == supplemental_course_name %}
              <div class="col-xs-12 col-sm-6 col-md-4">
                {% include "cards_course" with course %}
              </div>
            {% endif %}
          {% endfor %}
        {% endfor %}
      {% endif %}
    {% endfor %}
  </div>
</main>