<div class="np-card lp-card-vartical">
  <div class="np-card-container">
    <img
      class="np-card-image"
      alt="{{ learning_path.name }}"
      src="{{ learning_path.image_url }}">
    <div class="np-card-content np-card-content-vertical np-card-padding">
      <h3 class="np-card-content-title">
        {{ learning_path.name }}
      </h3>
      <div class="np-card-content-subtitle">
        {{ learning_path.instructor_names }}
      </div>
      <div class="np-card-content-subtitle short-desc">
        {{ learning_path.description }}
      </div>
      <div class="card-info">
        <div class="card-info-label">COURSES</div>
        <div class="card-info-value">{{ learning_path.items.count }}</div>
      </div>
      {% if current_person.signed_in? %}
        {% if learning_path.progress == 0 %}
          <div class="card-info">
            <div class="card-info-label">PROGRESS</div>
            <div class="card-info-value">{% t shared.progress  
, count: learning_path.progress %}</div>
          </div>
        {% else %}
          <div class="card-info np-button-color">
            <div class="np-progress-bar-container">
              <div style="width: {{ learning_path.progress }}%" class="np-button-background-color np-card-progress-bar"></div>
            </div>
            <div class="card-info-value">{{ learning_path.progress }}%</div>
          </div>
        {% endif %}
      {% endif %}
      <div class="np-card-content-footer">
        <a class="np-button np-button-wide" href="{% route learning_path, id: learning_path.id %}">
          {% if current_person.signed_in? %}
            {% if learning_path.progress == 0 %}
              Start Learning Path
            {% elsif learning_path.progress == 100 %}
              View Learning Path
            {% else %}
              Continue
            {% endif %}
          {% else %}
            Learn More
          {% endif %}
        </a>
      </div>
    </div>
  </div>
  <div class="np-card-stack">
    <div class="np-card-stack-level-1"></div>
    <div class="np-card-stack-level-2"></div>
  </div>
</div>