{{#if subsnewsDefault}}
<div class="subsnews row">
	<div class="col-xl-6 col-lg-12 subsnews__form">
		<div class="row no-padding">
			<div class="col-xl-12">
				<label for="email" class="subsnews__headline">Get the Newsletter</label>
			</div>
		</div>

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

		<div class="form__group row">
			<div class="col-xl-9 col-md-12 no-padding-left">
				<input type="text" id="email" class="form__text" placeholder="Please enter your email">
				<div class="hide visible-lg">
					{{ render "atoms/global/space" space=10 }}
				</div>
			</div>
			<div class="col-xl-3 col-md-12 no-padding">
				<a href="javascript:;" class="btn btn-orange">Subscribe</a>
			</div>
		</div>

		<div class="form__group row">
			<div class="form__option">
				<input type="checkbox" id="terms-newsletter">
				<label for="terms-newsletter">
					Lorem ipsum dolor sit amet,
					<a href="" class="subsnews__link" target="_blank" title="External Link" data-tooltip>Data Protection Directive</a>
					sadipscing elitr, sed diam nonumy eirmod <a href="" class="subsnews__link" target="_blank" title="External Link" data-tooltip>Site policy</a> invidunt.
				</label>
			</div>
		</div>
	</div>
	<a href="#" class="col-xl-6 col-lg-12 white">
		<h3 class="subsnews__headline">Our Feed for You!</h3>

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

		<div class="subsnews__description">
			<i class="icons-feed"></i>
			Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
		</div>
	</a>
</div>
{{/if}}
{{ render "atoms/global/space" space=10 }}
{{#if subsnewsError}}
<div class="subsnews row">
	<div class="col-xl-6 col-lg-12 subsnews__form">
		<div class="row no-padding">
			<div class="col-xl-12">
				<label for="email2" class="subsnews__headline">Get the Newsletter</label>
			</div>
		</div>

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

		<div class="form__group row">
			<div class="col-xl-9 col-md-12 no-padding-left">
				<input type="text" id="email2" class="form__text" placeholder="Please enter your email">
				<div class="hide visible-lg">
					{{ render "atoms/global/space" space=10 }}
				</div>
			</div>
			<div class="col-xl-3 col-md-12 no-padding">
				<a href="javascript:;" class="btn btn-orange">Subscribe</a>
			</div>
		</div>

		{{ render "molecules/messaging/notification:error" message="Please enter a valid e-mail address" }}

		<div class="form__group row">
			<div class="form__option">
				<input type="checkbox" id="terms-newsletter">
				<label for="terms-newsletter">
					Lorem ipsum dolor sit amet,
					<a href="" class="subsnews__link"> Data Protection Directive </a>
					sadipscing elitr, sed diam nonumy eirmod <a href="" class="subsnews__link">Site policy</a> invidunt.
				</label>
			</div>
		</div>
	</div>
	<a href="#" class="col-xl-6 col-lg-12 white">
		<h3 class="subsnews__headline">Our Feed for You!</h3>

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

		<div class="subsnews__description">
			<i class="icons-feed"></i>
			Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
		</div>
	</a>
</div>
{{/if}}
{{ render "atoms/global/space" space=10 }}
{{#if subsnewsSuccess}}
<div class="subsnews row">
	<div class="col-xl-6 col-lg-12 subsnews__form">
		<div class="row no-padding">
			<div class="col-xl-12">
				{{ render "molecules/messaging/notification:success" message="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." }}
				<div class="hide visible-lg">
					{{ render "atoms/global/space" space=8 }}
				</div>
			</div>
		</div>
	</div>
	<a href="#" class="col-xl-6 col-lg-12 white">
		<h3 class="subsnews__headline">Our Feed for You!</h3>

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

		<div class="subsnews__description">
			<i class="icons-feed"></i>
			Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
		</div>
	</a>
</div>
{{/if}}
{{#unless nojs }}
<script>
	window.addEventListener('load', function() {
	/**
	 * START - REQUIRED JS SNIPPET
	 */
	{{ render "atoms/scripts/script-tooltip" }}
	 /**
	  * END - REQUIRED JS SNIPPET
	  */
	});
</script>
{{/unless }}
