{% include "header", current_page_orgin: "learning_paths" %}
<main class="np-main np-page-container page--learning-path-overview">

	{% comment %} Get the full size background image by removing the modifier from the URL {% endcomment %}
	{% assign learning_path_image_full_size = learning_path.image_url | replace: '/resize=width:820,height:500,fit:crop/', '/' %} 

	<div class="page-background-image" style="background-image: url({{ learning_path_image_full_size }})"></div>

	<div class="blocks-layout">
		
		<div class="col-md-6">
			<div class="np-card">
				<div class="details-card__card-container np-card-container">
					<div class="np-resource-header details-card__header np-card-padding-dynamic">
						<div class="np-top-title">
							{{ learning_path.name }}
						</div>
						<div class="np-hidden-desktop">
							{% include "learning_path_cta_button" %}
						</div>
					</div>
					<div class="np-divider"></div>
					<div class="details-card__card-content np-card-padding-dynamic">
						{% if learning_path.description and learning_path.description.size > 0 %}
							{% include "learning_path_description" %}
						{% endif %}
						
						<div class="cta__container np-hidden-mobile">
							{% include "learning_path_cta_button" %}
						</div>

						{% if learning_path.instructors and learning_path.instructors.any? %}
							<div class="np-card-content-divider">
								{% include "learning_path_instructors" %}
							</div>

						{% endif %}
						
					</div>
				</div>
			</div>
		</div>


		<div class="col-md-6">
			<div class="cta__container cta--outline">
				{% if learning_path.enrolled? and learning_path.started? %}
					{% include "learning_path_progress_and_cta" %}
				{% else %}
					{% include "learning_path_cta_button" %}
				{% endif %}
			</div>
			{% include "learning_path_outline" %}
		</div>

	</div>
</main>
{% include "footer" %}