<div class="np-course-outline np-card-content-divider">
	<h3 class="np-card-heading">
		<span data-lang="DE">Inhalt</span>
		<span data-lang="EN">Content</span>
	</h3>
	<div class="np-course-outline-content">
		<ol class="np-course-outline-content-section">
			{% for section in course.sections %}
				<li class="np-course-outline-content-section-list">
					<div class="np-course-outline-content-section-name">
						{{ section.name }}
						{% assign section_completed = true %}
						{% for activity in section.activities %}
							{% unless activity.completed? %}
								{% assign section_completed = false %}
							{% endunless %}
						{% endfor %}

						{% if section_completed %}
							<span class="section-status-icon"><i class="fas fa-check-circle"></i></span>
						{% endif %}
					</div>
				</li>
			{% endfor %}
		</ol>
	</div>
</div>

<style>
	.section-status-icon {
		margin-left:8px;
		color:#7625f7;
	}
</style>