<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width">
        <title>{{hostname}}</title>
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
    </head>
    <body>
    	<div class="container">
	    	<div class="row">
	    		<div class="col-sm-offset-2 col-sm-8 col-md-offset-3 col-md-6 col-lg-offset-3 col-lg-6">
	    			<center>
	    				<h1 style="margin: 1em">{{hostname}}</h1>
	    				<p style="margin: 2em">Log in here to your Mailpile webmail.</p>
	    				{% if error %}
	    					<p style="margin: 2em" class="text-danger">{{error}}</p>
	    				{% endif %}
	    			</center>

					<form class="form-horizontal" role="form" method="post">
					  <div class="form-group">
					    <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
					    <div class="col-sm-10">
					      <input name="email" type="email" class="form-control" id="inputEmail" placeholder="Email" value="{{email}}">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
					    <div class="col-sm-10">
					      <input name="password" type="password" class="form-control" placeholder="Password" value="{{password}}">
					    </div>
					  </div>
					  <div class="form-group">
					    <div class="col-sm-offset-2 col-sm-10">
					      <div class="checkbox">
					        <label>
					          <input name='remember' type="checkbox" {% if remember %}checked{% endif %}> Remember me
					        </label>
					      </div>
					    </div>
					  </div>
					  <div class="form-group">
					    <div class="col-sm-offset-2 col-sm-10">
					      <button type="submit" class="btn btn-default">Sign in</button>
					    </div>
					  </div>
					</form>
	    		</div>
	    	</div>
    	</div>

    	<script src="//code.jquery.com/jquery-2.1.1.min.js"> </script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    </body>
</html>