
{% include "training_session_header" %}
<div class="overview-content-container">
  <div class="content-details">
    <div class="training-card-container">
      <div class="np-card-padding-large">
        <div>
          {% include "training_session_status" %}
          {% include "training_session_date" %}
        </div>
        <div class="np-training-session-details">
          {% include "training_session_details" %}
          {% include "training_session_cta" %}
        </div>
      </div>
      <div class="np-card-content-divider"></div>
      <div class="np-card-padding-large">
        {% include "training_session_description" %}
      </div>
    </div>
  </div>
  <div class="content-activities">
    <div class="training-session-container">
        <div class="np-training-session-sessions-title">
          {% t shared.more_sessions %}
        </div>
        {% if training_event.sessions.size > 1 %}
          {% include "training_session_more_sessions" %}
        {% else %}
          <div class="np-training-session-zero-state">
            <img
              alt="{% t .empty %}"
              class="np-zero-state-training-sessions"
            />
            <div class="np-training-session-zero-state-text">
              {% t .empty %}
            </div>
          </div>
        {% endif %}
    </div>
  </div>
</div>

<style>
  .training-card-container {
    position: relative;
  }
</style>