{{#if preview}}
<div class="row content internal-concept">
	<div class="col-xl-8 col-lg-12">
{{/if}}
		<div class="form new-password-form">
			{{ render "molecules/forms/form-error-message:no-margin" text="Invalid or missing information, please try again. " }}

			{{ render "molecules/forms/form-group" inputId="new-password-form" labelClasses="form__label col-xl-12 no-padding-left" labelText="New password" containerClasses="col-xl-12 col-lg-10 no-padding-left" inputType="password" inputClasses="form__text form-field" inputValidators="required data-vl-errors-messages-disabled data-vl-length='[6, 8]' data-vl-pattern='/^(?=.*[0-9])(?=.*[a-zA-Z])([a-zA-Z0-9]+)$/'" text=true textSmall="To complete to our standards, your password should consist of 6-8 characters, including at least one letter, one number and no spaces." }}

			{{ render "molecules/forms/form-group" inputId="new-password-form-confirm" labelClasses="form__label col-xl-12 no-padding-left" labelText="Confirm new password*" containerClasses="col-xl-12 col-lg-10 no-padding-left" inputType="password" inputClasses="form__text form-field" inputValidators="required data-vl-errors-messages-disabled data-vl-equalto='#password-1'" }}

			<div class="form__group">
				<a href="javascript:;" class="btn btn-orange submit-form">
					Reset password
				</a>
				<a href="javascript:;" class="lk-icon text-main"><span class="text-nowrap">Cancel <span class="icons-internal-link"></span></span> </a>
			</div>
		</div>
{{#if preview}}
	</div>
</div>
{{/if}}

{{#unless nojs }}
<script>
	window.addEventListener('load', function() {
	/**
	 * START - REQUIRED JS SNIPPET
	 */
	{{ render "atoms/scripts/script-password-forgot-form" formWrapper=".new-password-form" }}
	 /**
	  * END - REQUIRED JS SNIPPET
	  */
	});
</script>
{{/unless }}
