{% 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">
			<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="btn btn-info btn-block ButtonNextSlide">Next Step &rarr;</button>
				{% endblock %}
				</div>
			</div>
		</div>
		<hr />
		{% 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>Click 'Next Step' at the top to continue.
				   Or <a href="{{ hrefs.dashboard }}" style="color: inherit; text-decoration: underline;">go back</a>
				   to {{ strings.plugin_name }} Dashboard</p>
			</div>
		</div>
		<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>
	{% endblock %}
	</div>
</div>