{{template "header.html" "Register | Libremail"}}
{{template "navbar.html"}}
{{template "alert.html" .}}

<div class="container">
	<div class="row">
		<div class="col-md-12">
			<div class="text-center">
				<h1>You only need to sign up!</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="Your desired mail adress." class="form-control input-md" required="" type="text">
			</div>
		</div>

		<!-- Text input-->
		<div class="form-group">
			<label class="col-md-4 control-label" for="ConfirmEmail">Confirm Email:</label>  
			<div class="col-md-4">
				<input id="ConfirmEmail" name="ConfirmEmail" placeholder="Confirm your choice." class="form-control input-md" required="" type="text">
			</div>
		</div>

		<!-- Text input-->
		<div class="form-group">
			<label class="col-md-4 control-label" for="Password">Password:</label>  
			<div class="col-md-4">
				<input id="Password" name="Password" placeholder="Your password." 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">Confirm Password:</label>  
			<div class="col-md-4">
				<input id="ConfirmPassword" name="ConfirmPassword" placeholder="Confirm your password." class="form-control input-md" required="" type="password">
			</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">Submit &raquo;</button>
			</div>
		</div>

	</fieldset>
</form>

		</div>
	</div>
</div>
<br>
<div class="container">
	<div class="row">
		<div class="col-md-6">
			<h2>Your password</h2>
			<p>We don't store your password in clear text.
			<br>It is needed to authenticate yourself with the mail server. Please choose a strong password.</p>
		</div>
		<div class="col-md-6">
			<h2>After Sign up</h2>
			<p>You can use the webmail interface to login or connect a custom client like your phone or thunderbird.</p>
		</div>
	</div>
</div>
{{template "footer.html"}}