<div class="np-resource-header np-resource-header-card np-card-padding-large">
  {% include "training_session_header" %}
</div>
<div class="row np-training-session-row">
  <div class="col-xs-12 col-sm-8">
    <div class="np-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" %}
        </div>
      </div>
      <div class="np-card-content-divider"></div>
      <div class="np-card-padding-large">
        {% include "training_session_description" %}
      </div>
    </div>
  </div>
  <div class="col-xs-12 col-sm-4 np-grid-spacing">
    <div class="np-training-session-container">
        <div class="np-training-session-sessions-title">
          {% t shared.more_sessions %}
        </div>
        {% if training_event.sessions.size > 0 %}
          {% include "training_event_preview_more_sessions" %}
        {% else %}
          <div class="np-training-session-zero-state">
            <img
              alt="{% t themes.default._training_event_desktop_view.empty %}"
              class="np-zero-state-training-sessions"
            />
            <div class="np-training-session-zero-state-text">
              {% t themes.default._training_event_desktop_view.empty %}
            </div>
          </div>
        {% endif %}
    </div>
  </div>
</div>
