77 lines
2.7 KiB
Plaintext
77 lines
2.7 KiB
Plaintext
% layout 'default';
|
|
% title 'Register';
|
|
% content_for css => begin
|
|
<style>
|
|
body {
|
|
background: whitesmoke;
|
|
padding-top: 70px;
|
|
}
|
|
|
|
.panel {
|
|
background: white;
|
|
padding: 16px;
|
|
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
|
|
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
|
|
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
</style>
|
|
% end
|
|
% content_for javascript => begin
|
|
% end
|
|
<div class="container">
|
|
% if ( my $error = flash 'error' ) {
|
|
<div class="alert alert-danger" role="alert">
|
|
<strong>Error!</strong> <%= $error %>
|
|
</div>
|
|
% } elsif ( my $success = flash 'success' ) {
|
|
<div class="alert alert-success" role="alert">
|
|
<strong>Success!</strong> <%= $success %>
|
|
</div>
|
|
% }
|
|
<div class="row justify-content-center">
|
|
<!-- Fluid Gird, this login box stay in the middle of screen -->
|
|
<div class="col-8">
|
|
|
|
<div class="register-form panel">
|
|
<form action="<%= url_for %>" method="post">
|
|
<div class="form-group">
|
|
<label for="register-token">Invitation Token</label>
|
|
<input type="text" id="register-token" class="form-control" name="token" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="register-name">Full Name</label>
|
|
<input type="text" id="register-name" class="form-control" name="name" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="register-email">Email Address</label>
|
|
<input type="email" id="register-email" class="form-control" name="email" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="register-postcode">Postcode</label>
|
|
<input type="text" id="register-postcode" class="form-control" name="postcode" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="register-age">Age Range</label>
|
|
<select id="register-age" class="form-control" name="agerange">
|
|
% for my $agerange ( @$ageranges ) {
|
|
<option value="<%= $agerange->{agerangeid} %>"><%= $agerange->{agerangestring} %></option>
|
|
% }
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="login-password">Password</label>
|
|
<input type="password" id="login-password" class="form-control" name="password" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="login-password">Confirm Password</label>
|
|
<input type="password" id="login-password" class="form-control" name="password2" required>
|
|
</div>
|
|
<input type="submit" class="btn btn-block btn-primary" value="Register">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- Container fluid-->
|
|
|