{{template "header.html"}}
{{template "navbar.html"}}

{{if .Error}}
<div class="container">
	<div class="row">
	{{range .Error}}
		<p id="dd-alert-danger" class="col-md-4 col-md-offset-4 alert alert-danger alert-dismissible shadow-z-2" role="alert">
			<button type="button" class="close" data-dismiss="alert" aria-label="close"><span aria-hidden="true">&times;</span></button>
	{{.}}
		</p>
	{{end}}
	</div>
</div>
{{end}}
{{if .Success}}
<div class="container">
	<div class="row">
	{{range .Success}}
		<p id="dd-alert-success" class="col-md-4 col-md-offset-4 alert alert-success alert-dismissible shadow-z-2" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="close"><span aria-hidden="true">&times;</span></button>
	{{.}}
		</p>
	{{end}}
	</div>
</div>
{{end}}

<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"}}