-
-<div class="well">
- <form class="cmxform form-horizontal" id="registrationForm" method="post" action="" enctype="multipart/form-data" role="form">
- {% csrf_token %}
- <div class="form-group">
- <label for="firstname" class="col-md-4 control-label">First Name</label>
- <div class="col-md-4">
- <input type="text" name="firstname" class="required form-control" minlength="2" value="{{ firstname }}" placeholder="First Name" />
- <p class="hint">Enter your first name</p>
- </div>
- </div>
- <div class="form-group">
- <label for="lastname" class="col-md-4 control-label">Last Name</label>
- <div class="col-md-4">
- <input type="text" name="lastname" size="25" class="required form-control" minlength="2" value="{{ lastname }}" placeholder="Last Name" />
- <p class="hint">Enter your last name</p>
- </div>
- </div>
- <div class="form-group">
- <label for="auth_list" class="col-md-4 control-label">Authority</label>
- <div class="col-md-4">
- <select id="auth_list" name="authority_hrn" size="1" class="required form-control">
- {% for authority in authorities %}
- <option value="{{ authority.authority_hrn }}"/>{{authority.name}} ({{authority.authority_hrn}})</option>
- {% endfor %}
- </select>
- <p class="hint">Please select an authority responsible for vetting your account</p>
- </div>
- </div>
-
- <div class="form-group">
- <label for="email" class="col-md-4 control-label">Email</label>
- <div class="col-md-4">
- <input type="email" name="email" size="25" class="required form-control" value="{{ email }}"/>
- <p class="hint">Enter a valid email address</p>
- </div>
- </div>
- <div class="form-group">
- <label for="password" class="col-md-4 control-label">Password</label>
- <div class="col-md-4">
- <input type="password" id="password" name="password" class="required form-control" minlength="4" value="{{ password }}"/>
- <p class="hint">Enter password</p>
- </div>
- </div>
- <div class="form-group">
- <label for="password" class="col-md-4 control-label">Confirm Password</label>
- <div class="col-md-4">
- <input type="password" id="confirmpassword" name="confirmpassword" minlength="4" class="required form-control"
- value="" placeholder="Confirm Password"/>
- <p class="hint">Retype the password</p>
- </div>
- </div>
- <div class="form-group">
- <label for="question" class="col-md-4 control-label">My Keys</label>
- <div class="col-md-4">
- <select name="question" class="required form-control" id="question">
- <option value="generate">Generate key pairs for me </option>
- <option value="upload">Upload my public key </option>
- </select>
- <p class="hint">Genkey: Account Delegation Automatic (Recommended)</p>
- </div>
- </div>
- <div class="form-group" style="display:none;" id="upload_key">
- <label for="file" class="col-md-4 control-label">Upload public key</label>
- <div class="col-md-4">
- <input type="file" name="user_public_key" class="required" id="user_public_key"/>
- <p class="hint">Account Delegation: Manual (Advanced Users)</p>
- <p class="warning" id="pkey_del_msg">Once your account is validated, you will have to delegate your credentials manually using SFA [Advanced users only]</p>
- </div>
- </div>
- <div class="form-group" id="register">
- <div class="col-md-offset-4 col-md-4">
- <button class="submit btn btn-default" type="submit">Register</button>
- </div>
- </div>
- </form>
+<div class="row">
+ <div class="col-md-12">
+ <div class="form-group">
+ <p></p>
+ <input type="checkbox" name="agreement" value="agreement" required /> I agree to the
+ <a href="#" data-toggle="modal" data-target="#myModal">terms and conditions.</a>
+ </div>
+ </div>
+</div>
+<div class="row">
+ <div class="col-md-12">
+ <div class="form-group" id="register">
+ <p></p>
+ <input class="submit btn btn-onelab" type="submit" value="Sign up" />
+ </form>
+ </div>
+ </div>
+</div>
+
+ <!-- Modal - columns selector -->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+ <h4 class="modal-title" id="myModalLabel">Terms & Conditions</h4>
+ </div>
+ <div class="modal-body">
+ <p align="left">
+ To be added soon.
+ </p>
+
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+ </div>
+ </div>
+ </div>