{% extends "auth/base.html" %}

{% block container_outer %}
<div id="container" class="container-fluid">
	<div class="row">
		<div class="col-md-12">

			<div style="margin: 0 auto; max-width: 400px;">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">Sign up</h3>
					</div>
					<div class="panel-body">

						<form class="form-sign" role="form">
							<div class="form-group">
								<label for="name">Login Name(a-zA-Z0-9_.):</label> <input
									type="text" id="name" class="form-control" required autofocus />
							</div>
							<div class="form-group">
                                <label for="cnname">{{ _('UserName') }}:</label> <input
									type="text" id="cnname" class="form-control" required autofocus />
							</div>
							<div class="form-group">
								<label for="email">Email:</label> <input
									type="text" id="email" class="form-control" required autofocus />
							</div>
							<div class="form-group">
								<label for="password">Password:</label> <input type="password"
									id="password" class="form-control" required />
							</div>
							<div class="form-group">
								<label for="repeat_password">Repeat Password:</label> <input
									type="password" id="repeat_password" class="form-control"
									required />
							</div>
							<button class="btn btn-default btn-block" type="button"
								onclick="register();">Sign up</button>

							<div style="margin-top: 10px">
								has account already? <a href="/auth/login">sign in</a>
							</div>
						</form>

					</div>
				</div>
			</div>

		</div>
	</div>
</div>
{%endblock%}
