<div class="np-card previous-event-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 }}"
    >
    <div class="np-card-content np-card-content-vertical np-card-padding">
      <h3 class="np-card-content-title">
        {{ course.name }}
      </h3>
      <div class="np-card-content-footer">
        <div class="np-card-content-progress np-button-color">
          {{ course.properties.previous_event_date_and_time}}
        </div>
        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
        <a class="np-button" href="{{ course_path }}">
          Watch
        </a>
      </div>
    </div>
  </div>
</div>
