<div class="popbox" id="newsletter">
	<div class="popbox__wrapper popbox__wrapper--big">
		<div class="popbox__header">
			<div class="row no-padding">
				<div class="col-xl-8">
					<h3 class="h3">Subscribe to our newsletter</h3>
				</div>
			</div>

			{{ render "atoms/global/space" space=12 }}
		</div>
		<div class="popbox__content">

			<div class="row internal-concept">
				<div class="col-xl-8 col-lg-12">

					{{ render "atoms/global/space" space=6 }}

					{{ render "molecules/forms/form-error-message" text="Some information is missing or invalid. Please check and complete your entries" }}

					<div class="form form--horizontal registration-form">
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In consequuntur aperiam animi magni</p>

						{{ render "molecules/forms/form-group" inputId="email" labelClasses="form__label col-xl-3 col-sm-10 no-padding-left" labelText="E-mail address*" containerClasses="col-xl-9 col-lg-8 col-sm-12 no-padding" inputType="email" inputClasses="form__text form-field" inputValidators="required data-vl-errors-messages-disabled data-vl-type=\"email\" data-vl-trigger=\"change keyup\"" }}

						<div class="form__group">
							<div class="col-xl-9 col-lg-8 col-sm-12 no-padding">
								<div class="form__option ">
									<input type="checkbox" id="private-investors" class="form-field" data-vl-errors-messages-disabled required>
									<label for="private-investors">Yes, I agree to <a href="javascript:;">the terms of use</a> and the <a href="javascript:;">data protection policy.*</a></label>
								</div>
							</div>
						</div>

						<div class="form__group">
							<div class="col-xl-3 col-sm-10"></div>
							<div class="col-xl-9 col-lg-8 col-sm-12 no-padding">
								<a href="javascript:;" class="btn btn-orange pull-right submit-form">
									<i class="icons-mail aux-v-align-middle"></i>
									Subscribe
								</a>
							</div>
						</div>

					</div>

					<div class="form__alert">
						{{ render "molecules/messaging/notification:success" message="Thank you for Subscribe lorem ipsum dolor sit amet." }}
					</div>

					{{ render "atoms/global/space" space=12 }}
				</div>
			</div>
		</div>

		<a href="javascript:;" class="popbox__close icons-close"></a>
	</div>
</div>

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