{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
<main class="np-main np-dashboard np-subpage-container np-max-width">
  <div class="np-main np-catalog np-subpage-container np-max-width" style="padding-top:0px;">
    <h1> Continue learning </h1>
    <h3 style="color:#486776; font-weight:normal; padding-bottom:50px;"> View all of the courses and learning paths that you've enrolled in </h3>
    <div>
        <div>
            {% if features.learning_paths? %}
                <div class="np-dashboard-resources-title">
                <h2> My learning paths </h2>
                </div>
            <div class="np-catalog-courses row row-with-thumbnails">
                {% for learning_path in learning_paths.enrolled %}
                    <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
                        {% include "cards_learning_path" with learning_path %}
                    </div>
                {% endfor %}
            </div>
            {% endif %}
        </div>
      <div class="np-dashboard-resources-title">
        <h2> My courses </h2>
      </div>
        <div class="np-catalog-courses row row-with-thumbnails">
            {% for course in courses.enrolled %}
                <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
                    {% include "cards_course" with course %}
                </div>
            {% endfor %}
        </div>
    </div>
    {% if features.training_events? %}
      <div class="np-grid-spacing col-xs-12 col-sm-4">
        <div class="np-dashboard-resources-title">
          {% t .upcoming_events %}
        </div>
          {% include "training_events_dashboard" %}
      </div>
    {% endif %}
  </div>
</main>
{% include "footer" %}
