<!-- BEGIN [% template.name %] -->
[% # INCLUDE dumper.tt dump = dfv_errs %]
[% # INCLUDE dumper.tt dump = error %]
[% IF error; # INCLUDE dumper.tt dump = error %]
<div class="alert alert-danger">[% error %]</div>
[% ELSIF dfv_errs; # INCLUDE dumper.tt dump = dfv_errs %]
<div class="alert alert-danger bold">Form validation failed</div>
[% END %]
<div class="btn-toolbar">
[% IF dfv_errs;
FOREACH err IN dfv_errs %]
<div class="alert alert-danger">
[% err.key.replace('_', ' ').ucfirst; ': '; err.value.lower %]
</div>
[% END; END %]
</div>
<!-- .. insert the library that generates one random password. -->
<script type="text/javascript" src="[% request.uri_base %]/javascripts/gpw.js"></script>
<!-- .. Function that generates a list of 10 passwords and inserts them into the page. -->
<script type="text/javascript">
function generate(idname) {
var x = "";
var s;
for (i=0; i<=10; i++) {
s = "";
while (s.length < 7) {
s = GPW.pronounceable(8);
}
x += "<div>" + s + " <input type=\"radio\" name=\"password\" "
+ "value=\"" + s + "\" /></div>";
}
var v = document.getElementById(idname);
v.innerHTML = x;
return false;
} // generate
</script>
<h4>Register new user</h4>
<div class="panel-body">
[% # INCLUDE dumper.tt dump = session.user %]
<form action="[% target %]" method="post" id="user-details">
<div class="form-group" id="fist_name-group">
<label for="first_name">First name</label>
<input type="text" class="form-control" id="first_name"
required name="first_name" value="[% params.first_name %]">
</div>
<div class="form-group" id="last_name-group">
<label for="last_name">Last name</label>
<input type="text" class="form-control" id="last_name"
required name="last_name" value="[% params.last_name %]">
</div>
<div class="form-group" id="username-group">
<label for="username">Username</label>
<input type="text" class="form-control" id="username"
required name="username" value="[% params.username %]">
</div>
<div class="form-group" id="email-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email"
required name="email" value="[% params.email %]">
</div>
<p>
<span class="label label-info" style="cursor: pointer;"
onclick="generate('passwords')">Generate passwords</span>
<div class="mono indent" id="passwords"></div>
</p>
<div>
<button type="submit" class="btn btn-success">Submit
<span class="fa fa-arrow-right"></span>
</button>
</div>
</form>
</div>
<!-- END [% template.name %] -->