<div class="np-card training-event-card">
  <div class="np-card-container">
    <div class="event-info-wrapper">
      <div class="event-info">
        <div class="event-date">{{ training_event.sessions.first.day }} {{ training_event.sessions.first.month | date: "%b" }}</div>
        <div class="event-time">{{ training_event.sessions.first.starts }}</div>
        <div class="hidden-event-info np-hidden">
          <span class="event-year">{{ training_event.sessions.first.year }}</span>
          <span class="event-timezone">{{ training_event.sessions.first.time_zone }}</span>
        </div>
      </div>
      {% if training_event.sessions.first.registered? %}<div class="session-status-label">Registered <i class="far fa-check np-training-session-icon"></i></div>{% endif %}
    </div>
    <div class="np-card-content-training-event">
      <a class="np-card-content-title" href="{% route training_session, id: training_event.sessions.first.id %}">
        {{ training_event.title }}
      </a>
      <div class="np-card-content-subtitle">
        {{ training_event.description | strip_html }}
      </div>
    </div>
    <div class="np-card-content">
      <div class="event-instructor">{{ training_event.sessions.first.instructor }}</div>
      <a class="np-button np-button-wide" href="{% route training_session, id: training_event.sessions.first.id %}">
        {% t shared.view %} event
      </a>
    </div>
  </div>
</div>