{% extends 'layouts/layoutAuth.twig' %}
{% block title %}Login{% endblock %}

{% block content %}

	<div class="setupWrapper">
		
		<div class="setupContent">
			<p><svg class="icon baseline icon-bookmark-o"><use xlink:href="#icon-bookmark-o"></use></svg>{{ __('Remember to bookmark this page') }}</p>
		</div>
		<div class="authformWrapper">
			<form method="POST" action="{{ path_for("auth.login") }}" autocomplete="off">
			
				<fieldset class="auth">
					<div class="formElement{{ errors.username ? ' errors' : '' }}">
						<label for="username">{{ __('Username') }} <abbr title="{{ __('required') }}">*</abbr></label>
						<input type="text" name="username" value="{{ old.username }}" required>
						{% if errors.signup_username %}
							<span class="error">{{ errors.username | first }}</span>
						{% endif %}
					</div>
					<div class="formElement{{ errors.password ? ' errors' : '' }}">
						<label for="password">{{ __('Password') }} <abbr title="{{ __('required') }}">*</abbr></label>
						<input type="password" name="password" required autoomplete="off">
						{% if errors.password %}
							<span class="error">{{ errors.password | first }}</span>
						{% endif %}
					</div>
					<div class="personal-mail">
						<label>Personal Mail</label>
						<input type="text" name="personal-honey-mail">
					</div>

					{{ captcha(old) }}

				</fieldset>

				<div class="loginarea" id="loginarea">			
					<input type="submit" value="{{ __('Login') }}" id="loginbutton" class="loginbutton" />
					{{ csrf_field() | raw }}					
				</div>
			</form>		
		</div>
			
			{% if settings.recoverpw %}
				
				<p><span class="left"><a href="{{ base_url() }}">{{ __('back to startpage') }}</a></span><span class="right"><a href="{{ base_url() }}/tm/recoverpw">{{ __('forgot password') }}</a></span></p>
			
			{% else %}

				<div class="setupContent">
					<p><a href="{{ base_url() }}">{{ __('back to startpage') }}</a></p>
				</div>
			
			{% endif %}
					
	</div>
	<footer></footer>
{% endblock %}