{% macro program_card(program, has_access) %}
<div class="col-sm mb-4 text-left">
	<a href="/lms/program?program={{ program.name }}" class="no-decoration no-underline">
	<div class="card h-100">
		{% if program.hero_image %}
		<div class="card-hero-img" style="background-image: url({{ program.hero_image }})"></div>
		{% else %}
		<div class="card-image-wrapper text-center">
			<div class="image-body"><i class="fa fa-picture-o" aria-hidden="true"></i></div>
		</div>
		{% endif %}
		<div class='card-body'>
			<h5 class='card-title'>{{ program.program_name }}</h5>
			<div class="text-muted">{{ program.description or '' }}</div>
		</div>
		{% if has_access or program.intro_video%}
		<div class='card-footer'>
			{% if has_access %} <span class="indicator green">Enrolled</span>
			{% elif program.intro_video %} <span><a href="{{ program.intro_video }}" target="blank">Watch Intro</a></span>
			{% endif %}
		</div>
		{% endif %}
	</div>
	</a>
</div>
{% endmacro %}