<div class="row dashboard-section-courses">
  <div class="col-xs-12">
    {% if courses.enrolled.any? %}
      {% if categories.enrolled.any? %}
        {% assign all_categories = categories.enrolled | map: "name" %}
        {% for enrolled_category in all_categories %}
          <div class="np-md-flex-wrapper">
            <div>
              <div class="bolder-headline course-carousel-title mb-3">
                {{ enrolled_category }}
              </div>
            </div>       
          </div>
          {% 
            include "categories_carousel", 
            items: courses.enrolled,
            topic: enrolled_category,
          %}
        {% endfor %}
      {% endif %}
    {% else %}
      <div class="np-dashboard-resources-title" style="margin-bottom:19px;">
        Courses
      </div>
      {% capture message %}
        {% t shared.zero_state.courses.index,
          key: current_school.course_vocabulary
        %}
      {% endcapture %}
      <div style="margin-bottom:3rem;">
        {% include "courses_zero_state", message: message %}
      </div>
    {% endif %}
  </div>
</div>