

<div class="card" type='learning_path' categories="{%for category in learning_path.categories%}{{category.name}},{%endfor%}">
  <div class="card-image-container">
    <img
      alt="{{ learning_path.name }}"
      class="np-card-image "
      src="{{ learning_path.image_url }}"
    />
  </div>
  <div class="card-content-container">
    <h3 class="card-content-title chubb">
      {{ learning_path.name }}
    </h3>
    <div class="card-category-wrapper">
      {% for category in learning_path.categories %}
        {% unless category.name == 'Recommended' or category.name == 'Onboarding'%}  
        <span class="card-category lato">{{category.name }}</span>
        {% endunless %}
      {% endfor %}
    </div>
    <div class="card-time">
        {{ learning_path.items.count }} {% t .items %}
    </div>
    <div class="card-description lato">{{ learning_path.description }}</div>
    <div class="card-course-btn-wrapper">
      <a class="np-button np-button-wide" href="{% route learning_path, id: learning_path.id %}">
        {% if learning_path.progress == 0 %}
          Launch
          {% elsif learning_path.progress > 0 and learning_path.progress < 100 %}
            Resume
          {% else %}
            {% t shared.view %}   
        {% endif %}
      </a>
    </div>
  </div>
</div>


 

