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

				{{ render "molecules/forms/form-group-email" inputId="form-forgot-password-email" labelClasses="form__label col-xl-12 no-padding-left" labelText="E-mail address*" containerClasses="col-xl-12 col-lg-10 no-padding" inputType="text" inputClasses="form__text form-field" }}


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

				<div class="form__group">
					<div class="col-xl-12 no-padding">
						{{ render "molecules/forms/form-option" inputType="checkbox" inputId="remember-me" labelText="Remember Me" inputValidators="data-vl-errors-messages-disabled" }}
					</div>
				</div>

				{{ render "molecules/forms/form-group-buttons" submitText="Login" submitClasses="submit-form" }}
			</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-login-form" }}
	 /**
	  * END - REQUIRED JS SNIPPET
	  */
	});
</script>
{{/unless }}
