{{#if preview}}
<div class="row content internal-concept">
	<div class="col-xl-12">
{{/if}}
		{{#if login }}
		<a href="javascript:;"><span>Login</span><i class="icons-arrow-down"></i></a>
		<div class="lnk-login__wrapper not-logged">
			<div class="space-10"></div>
			<div class="row">
				<div class="col-xl-6">
					<div class="form login-form-flyout">
						<strong>Login</strong>
						<div class="form__group">
							<p class="form__error-message">
								Invalid email or password. Please try again. <a href="javascript:;">Forgot password?</a>
							</p>
						</div>
						<div class="form__group">
							<label for="form-login-input-email-address" class="form__label">E-mail address</label>
							<input type="email" id="form-login-input-email-address" required class="form__text form-field" data-vl-errors-messages-disabled>
						</div>
						<div class="form__group">
							<label for="form-login-input-password" class="form__label">Password</label>
							<input type="password" id="form-login-input-password" required class="form__text form-field" data-vl-errors-messages-disabled>
						</div>
						<div class="form__group">
							<input type="checkbox" id="form-login-check-remember-me" name="form-login-check-remember-me" class="form-field" data-vl-errors-messages-disabled>
							<label for="form-login-check-remember-me" class="form__label">Remember me</label>
						</div>
						<div class="form__group">
							<button class="btn btn-orange submit-form">Login</button>
						</div>
						<div class="form__group">
							<a href="javascript:;" class="lk-icon">Forgot password <span class="icons-internal-link"></span></a>
						</div>
					</div>
				</div>
				<div class="col-xl-6">
					<strong class="">Added value of the registration lorem ipsum</strong>
					<div class="space-6"></div>
					<ul>
						<li>Lorem ipsum dolor sit amet, consectetur adipisicing.</li>
						<li>Excepteur sint occaecat cupidatat lorem ipsum ullam ut minim</li>
						<li>Lorem ipsum dolor sit amet.</li>
					</ul>
					<div class="space-6"></div>
					<a href="javascript:;" class="btn btn-orange">Enroll now</a>
					<div class="space-6"></div>
					<a href="javascript:;" class="lk-icon">More information <span class="icons-internal-link"></span></a>
				</div>
			</div>
		</div>
		{{else}}
		<a href="javascript:;"><span>Jan Smith</span><i class="icons-arrow-down"></i></a>
		<div class="lnk-login__wrapper">
			<ul class="menu-list">
				<li class="menu-list__item">
					<a href="javascript:;">Edit Profile</a>
				</li>
				<li class="menu-list__item">
					<a href="javascript:;">Subscribe Newsletters</a>
				</li>
				<li class="menu-list__item">
					<a href="javascript:;">Logout</a>
				</li>
			</ul>
		</div>
		{{/if }}
{{#if preview}}
	</div>
</div>
{{/if}}
{{#unless nojs }}
<script>
	window.addEventListener('load', function() {
	/**
	 * START - REQUIRED JS SNIPPET
	 */
	{{ render "atoms/scripts/script-login-form-flyout" }}
	 /**
	  * END - REQUIRED JS SNIPPET
	  */
	});
</script>
{{/unless }}
