{% include "subheader_search" %}

{% comment %} Check if there are any learning paths in progress {% endcomment %}
{% assign hasInProgressPaths = false %}
{% for learning_path in learning_paths.enrolled %}
  {% if learning_path.progress > 0 and learning_path.progress < 100 %}
    {% assign hasInProgressPaths = true %}
    {% break %}
  {% endif %}
{% endfor %}

<main class="np-main np-learning-paths np-subpage-container np-max-width">
  <div class="np-learning-paths-main">
    {% if hasInProgressPaths %}
      <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 "carrot_button"
          , buttonUrl: "/app/dashboard"
          , buttonText: "For you page"
          , buttonTextEs: "Para tu página" %}
        {%
          include "filter_dropdown"
          , givenId: "courses_catalog_filter"
        %}

        {% include "learning_paths_carousel"
          , items: learning_paths.enrolled
          , breakpoint: 768
          , filterInProgress: true
          , sortByPriority: false %}
      </div>
    {% endif %}
    <div class="global-section-title">
      <span class="lang-en">Master A New Skill</span>
      <span class="lang-es">Domina Una Nueva Habilidad</span>
    </div>
    <div class="global-section-subtitle">
      <span class="lang-en">Go more in-depth with our learning paths.</span>
      <span class="lang-es">Profundiza más con nuestras rutas de aprendizaje.</span>
    </div>
    {% include "learning_paths_index"
      , items: learning_paths.available %}
  </div>
</main>
{% include "footer" %}