<div class="np-card-training-session-date">
	{% include "training_session_date", training_session: training_session %}

	{% if training_session.approved? %}
		<div class="session-date__other-info-container np-training-session-cta-note np-alert-success">
			<div class="session-date__other-info-wrapper">
				<i class="far fa-check np-training-session-icon" aria-hidden="true"></i>
				<span>You're registered!</span>
			</div>
		</div>
	{% elsif training_session.pending? %}
		<div class="session-date__other-info np-training-session-cta-note np-alert-error">
			<div class="session-date__other-info-wrapper">
				<span>Pending – waiting approval</span>
			</div>
		</div>
	{% elsif training_session.denied? %}
		<div class="session-date__other-info np-training-session-cta-note np-alert-error">
			<div class="session-date__other-info-wrapper">
				<span>Denied – contact your academy admin</span>
			</div>
		</div>
	{% elsif training_session.too_late? %}
		<div class="session-date__other-info np-training-session-cta-note np-alert-error">
			<div class="session-date__other-info-wrapper">
				<span>Too late – meeting started</span>
			</div>
		</div>
	{% elsif training_session.no_seats? %}
		<div class="session-date__other-info np-training-session-cta-note np-alert-error">
			<div class="session-date__other-info-wrapper">
				<span>No seats available</span>
			</div>
		</div>
	{% endif %}
</div>

<div class="training-session__details">
	<div class="np-training-session-time">
		<i class="fa fa-clock np-training-session-icon" aria-label="Event Time"></i>
		{{ training_session.time_period | replace: "AM", "am" | replace: "PM", "pm" | replace: "-", "–" }} {{ training_session.time_zone }}
	</div>
	<div class="np-training-session-location">
		{% if training_session.location %}
			<i class="fa fa-map-marker-alt np-training-session-icon" aria-label="Event Location"></i>
			{{ training_session.location }}
		{% elsif training_session.session_url %}
			<i class="fa fa-globe np-training-session-icon"  aria-label="Event URL"></i>
			<a href="https://{{ training_session.session_url }}" class="np-button-color" target="_blank" >
				{{ training_session.session_url }}
			</a>
		{% endif %}
	</div>
	{% if training_session.instructor and training_session.instructor.size > 0 %}
		<div>
			<i class="fa fa-chalkboard-teacher np-training-session-icon" aria-label="Instructor"></i>
			{{ training_session.instructor }}
		</div>
	{% endif %}
</div>