{% extends 'base.html.twig' %}
{% block body %}
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/"><img src="/images/urlogo.png" width="100px" class="img-responsive"/></a>
<ul class="nav navbar-nav navbar-right">
<li><a href="/home/login">Login</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 col-lg-offset-4">
<br/>
<br/>
<br/>
{% if exists is defined %}
<div class="alert alert-danger">
<p>Account already exists. Login or reset your password</p>
</div>
{% endif %}
<br/>
<br/>
<form action="/index/signup" class="form-signin" method="POST">
<input type="hidden" name="_domkey" value="RkY4VFF3UmJGMVJTQlZjUVdnZ0FEVUZjQTBkTVZneGU="/>
<input type="hidden" name="_action" value="login"/>
<h2 class="form-signin-heading">Please sign up</h2>
<label for="firstname" class="sr-only">Firstname</label>
<input type="text" id="firstname" name="firstname" class="form-control" placeholder="Firstname" required autofocus>
<label for="lastname" class="sr-only">Lastname</label>
<input type="text" id="lastname" name="lastname" class="form-control" placeholder="Lastname" required autofocus>
<label for="username" class="sr-only">Username</label>
<input type="text" id="username" name="username" class="form-control" placeholder="Username" required autofocus>
<label for="cellphone" class="sr-only">Cellphone</label>
<input type="text" id="cellphone" name="cellphone" class="form-control" placeholder="Cellphone: +123456789" required autofocus>
<!--label for="dob" class="sr-only">Date of Birth</label>
<!--select name="gender" class="form-control">
<option value="m">Male</option>
<option value="f">Female</option>
<option value="o">Other</option>
</select>
<label for="dob" class="sr-only">Date of Birth</label>
<input type="text" id="dob" name="dob" class="form-control" placeholder="dd-mm-yyyy" required autofocus-->
<label for="city" class="sr-only">City</label>
<input type="text" id="city" name="city" class="form-control" placeholder="City" required autofocus>
<label for="country" class="sr-only">Country</label>
<input type="text" id="country" name="country" class="form-control" placeholder="Country" required autofocus>
<label for="region" class="sr-only">Region/Province/State</label>
<input type="text" id="region" name="region" class="form-control" placeholder="Region/Province/State" required autofocus>
<label for="email" class="sr-only">Email address</label>
<input type="email" id="email" name="email" value="{{ email }}" class="form-control" placeholder="Email address" required autofocus>
<label for="password" class="sr-only">Password</label>
<input type="password" id="password" name="password" value="{{ pass }}" class="form-control" placeholder="Password" required>
<div class="checkbox">
<label>
<input type="checkbox" value="remember-me" name="remember_me"> Remember me
</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign Up</button>
</form>
</div>
</div>
</div>
<br/>
<br/>
{% endblock %}