Gainsight/Custom_Templates/customer_templates/Walmart Spark Prod/_cards_course.html.liquid

{% capture course_path %}{% route course, id: course.id %}{% endcapture %}{% capture course_label %}{% endcapture %}{% capture course_data_label %}none{% endcapture %}  {% assign course_is_new = false %}  {% assign created_at_date_seconds = current_person.created_at | date: "%s" %}  {% assign course_published_date_seconds = course.properties.initial_publish_date | date: "%s" %}    {% if course_published_date_seconds > created_at_date_seconds %}{% assign course_is_new = true %}{% endif %}{% if course_is_new %}{% if course.progress == 0 %}{% capture course_label %}<div class="label label-green new-topic-label">New</div>{% endcapture %}{% capture course_data_label %}new{% endcapture %}    {% endif %}  {% endif %}  {% if course.progress > 0 and course.progress < 100 %}{% capture course_label %}<div class="label label-orange">In progress</div>{% endcapture %}{% capture course_data_label %}in-progress{% endcapture %}  {% elsif course.completed? %} {% capture course_label %}<div class="label label-gray">Viewed</div>{% endcapture %}{% capture course_data_label %}viewed{% endcapture %}{% endif %}<a href="{{ course_path }}" class="np-card"><div class="np-card-container">{% if course.ribbon %}<div class="np-card-ribbon">{{ course.ribbon }}</div>{% endif %}<img class="np-card-image" alt="{{ course.name }}" src="{{ course.image_url }}" width="819"      height="503" /> <div class="np-card-content np-card-content-vertical np-card-padding"><h3 class="np-card-content-title">{{ course.name }}</h3>{% if course.instructors.size > 0 %}<div class="np-card-content-subtitle">{{ course.instructor_names }}</div>{% endif %}<div class="card-info-wrapper">{% if course.properties.course_length != 'NULL' %}<div class="card-content-length">{{ course.properties.course_length }}</div>{% endif %}{{course_label}}</div></div></div></a>