{% import '/common/macros.twig' as icwp_macros %}
<div class="wizard-slide">
	<div class="slide-header">
	{% block slide_header %}
		{% block slide_header_nav %}
		<div class="container-fluid">
			{% if data.mod_wizards.welcome is not defined %}
				<div class="row">
					<div class="col-6">
					{% block slide_header_previous_top %}
						<button class="btn btn-outline-secondary btn-block ButtonPreviousSlide">&larr; Previous Step </button>
					{% endblock %}
					</div>
					<div class="col-6">
					{% block slide_header_next_top %}
						<button class="ButtonNextSlide">Next Step &rarr;</button>
					{% endblock %}
					</div>
				</div>
			{% endif %}
		</div>
		{% endblock %}
	{% endblock %}
	</div>
	<div class="slide-body">
	{% block slide_body %}
		{% block slide_body_top %}{% endblock %}
		{% block slide_body_middle %}{% endblock %}
		{% block slide_body_bottom %}{% endblock %}
	{% endblock %}
	</div>
	<div class="slide-footer">
	{% block slide_footer %}
		<hr />
		<div class="row">
			<div class="col">
				<p class="text-center mt-5">
					<a href="{{ hrefs.dashboard }}" class="text-dark" style="text-decoration: none">
						<span class="dashicons dashicons-exit" style="vertical-align: middle; width: 16px; height: 21px"></span>
						Exit Wizard</a></p>
			</div>
		</div>

		{% if data.mod_wizards.welcome is not defined %}
			<div class="row">
				<div class="col-6">
					{% block slide_header_previous_bottom %}
						<button class="btn btn-outline-secondary btn-block ButtonPreviousSlide">&larr; Previous Step </button>
					{% endblock %}
				</div>
				<div class="col-6">
					{% block slide_header_next_top_bottom %}
						<button class="btn btn-info btn-block ButtonNextSlide">Next Step &rarr;</button>
					{% endblock %}
				</div>
			</div>
		{% endif %}

	{% endblock %}
	</div>
</div>