{% extends "base.tmpl" %}

{% block title %}Register{% endblock %}

{% block body_js %}
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=en"></script>
	{{- parent() }}
{% endblock %}

{% block page_contents %}
				<div class="row">
					<div class="col-12"><h2>Register for basic membership here</h2></div>
					<div class="col-12"><hr style="border: 1px solid rgba(0, 0, 0, 1)"/></div>
					<div class="col-12"><p>this doesn't register you as a full member, you have to confirm your email address and start <a href="contribute.xhtml">Contributing</a> first</p></div>
				</div>
				<form action="register.php" method="post">
				<div class="row">
					<div class="col-12 col-sm-4 col-md-3 col-lg-2">Username<span style="color: red">*</span></div>
					<div class="col-12 col-sm-8 col-md-9 col-lg-10"><input type="text" name="username" /></div>
					<div class="col-12 col-sm-4 col-md-3 col-lg-2">Email Address <span style="color: red">*</span></div>
					<div class="col-12 col-sm-8 col-md-9 col-lg-10"><input type="email" name="email" /></div>
					<div class="col-12 col-sm-4 col-md-3 col-lg-2">Password <span style="color: red">*</span></div>
					<div class="col-12 col-sm-8 col-md-9 col-lg-10"><input type="password" name="passwd" /></div>
					<div class="col-12 col-sm-4 col-md-3 col-lg-2">Full Name</div>
					<div class="col-12 col-sm-8 col-md-9 col-lg-10"><input name="fullname" /></div>
					<div class="offset-sm-2 col-11"><div class="g-recaptcha" data-sitekey="6Le5mkIUAAAAAKBvBdwIqcWd9vVMV2t9YhGxfMGb"></div></div>
					<div class="col-12"><button class="btn btn-success" type="submit">Register</button></div>
				</div>
				</form>
{% endblock %}