Gainsight/Custom_Templates/v3-templates-12-16-24/_cards_training_event.html.liquid

<div class="np-card np-card-training-event">
  <div class="np-card-container">
    <div class="np-card-content-training-event">
      <h2 class="np-card-content-title">
        {{ training_event.title }}
      </h2>
      <div class="np-card-content-subtitle">
        <i class="far {{ training_event.event_type_icon }} np-training-session-icon"></i>
        {% t shared.event_types, key: training_event.event_type %}
        <span class="np-card-training-sessions-separator">•</span>
        <i class="np-card-training-sessions-icon far fa-calendar-star"></i>
        <span class="np-card-training-sessions-label">
          {% t .sessions, count: training_event.sessions.size %}
        </span>
      </div>
      <div class="np-card-training-session">
        <span class="np-card-content-label">
          {% t .next_session %} -
          <span class="{{ training_event.sessions.first.status.type}}">
            {{ training_event.sessions.first.status.label}}
          </span>
        </span>
        <div class="np-card-training-session-date">
          <div class="np-button-background-color np-card-training-session-date-bar"></div>
          <div class="np-card-training-session-date-label">
            <div class="np-card-training-session-date-day">
              {{ training_event.sessions.first.day }}
            </div>
            <div>
              <div class="np-card-training-session-date-month">
                {{ training_event.sessions.first.month }}
              </div>
              <div class="np-card-training-session-date-year">
                {{ training_event.sessions.first.year }}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="np-card-content np-card-content-vertical np-card-content-training-event">
      <div class="np-card-training-sessions">

        <a
          class="np-button np-button-wide"
          href="{% route training_session, id: training_event.sessions.first.id %}"
        >
          {% t shared.view %}
        </a>
      </div>
    </div>
  </div>
</div>