{% extends '/components/merlin/steps/base.twig' %}

{% block slide_body_video_section_blurb %}
	<p>{{ strings.security_admin_text_1 }} {{ strings.security_admin_text_2 }}</p>
	<p>{{ strings.security_admin_text_3 }}</p>
{% endblock %}

{% block slide_body_action_area %}
	{% import '/common/macros.twig' as icwp_macros %}

	<form class="form-horizontal merlin-form ajax-form">
		{{ icwp_macros.formInput_Hidden( 'step_slug', vars.step_slug ) }}
		<div class="row mb-2">
			<div class="col">
				<h6 class="pb-1 border-bottom d-inline-block">Choose Your Security Admin PIN</h6>
			</div>
		</div>
		<div class="row">
			<div class="col">
				{{ icwp_macros.formInput_Password( 'SecAdminPIN', '', 'PIN', 'Create a new secret PIN', "Don't forget this PIN" ) }}
				{{ icwp_macros.formInput_Password( 'SecAdminPINConfirm', '', 'Confirm PIN', 'Confirm PIN','','','my-2' ) }}
				{{ icwp_macros.formInput_Submit2( strings.security_admin_text_button, null, 'secondary', false, 'mt-2' ) }}
			</div>
		</div>
	</form>
{% endblock %}