{{template "header.html" "Registrierung | Libremail"}}
{{template "navbar_de.html"}}
{{template "alert.html" .}}

<div class="container">
	<div class="row">
		<div class="col-md-12">
			<div class="text-center">
				<h1>Sie müssen sich nur registrieren!</h1>
			</div>
		</div>
	</div>
</div>
<br>
 <div class="jumbotron">
<div class="container">
	<div class="row">
<form class="form-horizontal" method='post' action='/create'>
	<fieldset>

		<!-- Form Name -->
		<!--div class="text-center">
			<legend>
		<h1 class="form-signin-heading">Sign up</h1>
				</legend>
		</div-->

		<!-- Text input-->
		<div class="form-group">
			<label class="col-md-4 control-label" for="Email">Email:</label>  
			<div class="col-md-4">
				<input id="Email" name="Email" placeholder="Ihre neue E-Mail Adresse." class="form-control input-md" required="" type="email">
			</div>
		</div>

		<!-- Text input-->
		<div class="form-group">
			<label class="col-md-4 control-label" for="ConfirmEmail">Bestätige Email:</label>  
			<div class="col-md-4">
				<input id="ConfirmEmail" name="ConfirmEmail" placeholder="Bitte wiederholen Sie ihre E-Mail Adresse." class="form-control input-md" required="" type="email">
			</div>
		</div>

		<!-- Text input-->
		<div class="form-group">
			<label class="col-md-4 control-label" for="Password">Passwort:</label>  
			<div class="col-md-4">
				<input id="Password" name="Password" placeholder="Ihr Passwort." class="form-control input-md" required="" type="password">
			</div>
		</div>

		<!-- Text input-->
		<div class="form-group">
			<label class="col-md-4 control-label" for="ConfirmPassword">Bestätige Password:</label>  
			<div class="col-md-4">
				<input id="ConfirmPassword" name="ConfirmPassword" placeholder="Bitte wiederholen Sie ihr Passwort." class="form-control input-md" required="" type="password">
			</div>
		</div>

		<!-- Checkbox-->
		<div class="form-group text-center">
			<div class="checkbox">
				<label>
					<input type="checkbox" name="legal" required>
					Ich akzeptiere die <a href="/tos" title="Terms of Service">Nutzungsbedingungen</a> und die <a href="/privacy" title="Privacy Policy">Datenschutzerklärung</a>.
				</label>
			</div>
		</div>

		<!-- Button -->
		<div class="form-group">
			<label class="col-md-4 control-label" for="submit"></label>
			<div class="col-md-4">
				<button class="btn btn-primary btn-raised btn-lg btn-block"><span class="fa fa-paper-plane-o"></span> Abschicken &raquo;</button>
			</div>
		</div>

	</fieldset>
</form>

		</div>
	</div>
</div>
<br>
<div class="container">
	<div class="row">
		<div class="col-md-6">
			<h2>Ihr Passwort</h2>
			<p>Wir speichern Ihr Passwort nicht im Klartext.
			<br>Es ist nötig um Ihre E-Mails abzurufen. Bitte wählen Sie ein möglichst starkes Passwort aus.</p>
		</div>
		<div class="col-md-6">
			<h2>Nach dem Erstellen</h2>
			<p>Sie könne sich mit unserem Webmail Interface einloggen oder Ihr Telefon verbinden.</p>
		</div>
	</div>
</div>
{{template "footer.html" .Language}}