{% include "subheader_search" %}
{% include "back_button" %}{% include "course_version_outdated_alert"
  , courses: courses.in_catalog %}


{% comment %} Check if there are any courses in progress {% endcomment %}
{% assign hasInProgressCourses = false %}
{% for course in courses.enrolled %}
  {% if course.progress > 0 and course.progress < 100 %}
    {% assign hasInProgressCourses = true %}
    {% break %}
  {% endif %}
{% endfor %}

<main class="np-main np-catalog np-subpage-container np-max-width">
  {% if hasInProgressCourses %}
    <div>
      <div class="global-section-title">
        <span class="lang-en">In progress</span>
        <span class="lang-es">En progreso</span>
      </div>
      <div class="global-section-subtitle">
        <span class="lang-en">Continue where you left off</span>
        <span class="lang-es">Continúa donde lo dejaste</span>
      </div>

      {% include "courses_carousel"
        , breakpoint: 768
        , showOnlyInProgress: true
        , hideOnlyCompleted: false
        , sortByPriority: false
        , showAllOnNoResults: false
        , minified: true %}
    </div>
  {% endif %}
  <div class="np-catalog-header-wrapper">
    <div class="np-catalog-header">
      <div class="global-section-title">
        <span class="lang-en">{{ catalog.headline }}</span>
        <span class="lang-es">Explora todas las lecciones</span>
      </div>
      <div class="global-section-subtitle">
        <span class="lang-en">{{ catalog.subheadline }}</span>
        <span class="lang-es">Encuentra la lección correcta para ti</span>
      </div>
    </div>
    {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
    {% if courses.in_catalog.any? %}
      {%
        include "filter_dropdown"
        , givenId: "courses_catalog_filter"
      %}
    {% endif %}
  </div>
  {% include "courses_catalog"
    , courseslist: courses.in_catalog
    , filterInProgress: false
    , eventId: "courses_catalog_filter" %}
</main>
{% include "footer" %}