<div class="login__wrapper">
	<div class="login__form form form--horizontal">
		<div class="form__group">
			<label for="login-email" class="form__label col-xl-3 no-padding-left no-padding-right">
				E-mail
			</label>
			<div class="col-xl-9 no-padding">
				<input type="text" class="form__text" id="login-email">
			</div>
		</div>

		<div class="form__group">
			<label for="login-password" class="form__label col-xl-3 no-padding-left no-padding-right">
				Password
			</label>
			<div class="col-xl-9 no-padding">
				<input type="password" class="form__text" id="login-password">
			</div>
		</div>

		<div class="form__group">
			<div class="col-xl-9 no-padding pull-right">
				<div class="row">
					<div class="col-xl-9 no-padding">
						<a href="javascript:;" class="lk-small">Forgotten password?</a> <br>
						<a href="javascript:;" class="lk-small">Register to update your preferences</a>
					</div>
					<div class="col-xl-3 no-padding">
						<a href="javascript:;" class="btn btn-orange pull-right">Login</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	{{ render "atoms/buttons/button-login" text="Login" }}
</div>

{{#unless nojs }}
<script>
	window.onload = function() {
		/**
		 * START - REQUIRED JAVASCRIPT SNIPPET
		 */
		{{ render "atoms/scripts/script-login-form" }}
		{{ render "atoms/scripts/script-toggle" }}
		/**
		 * END - REQUIRED JAVASCRIPT SNIPPET
		 */
	};
</script>
{{/unless }}
