{% extends 'index.html' %}

{% block head %}
	<link href="../static/css/bootstrap.min.css" rel="stylesheet">
	<link href="../static/css/bootstrap-theme.min.css" rel="stylesheet">
	<link href="../static/css/mainTheme.css" rel="stylesheet">
	<script src="../static/js/bootstrap.js"></script>
{% endblock head %}

{% block body %}
	<div class="site-wrapper">
		<div class="site-wrapper-inner">
			<div class="cover-container">
				<div class="masthead clearfix">
					<div class="inner">
						<h3 class="masthead-brand">MBU Suite</h3>
						<ul class="nav masthead-nav">
							<li class="active"><a href="#">Home</a></li>
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</div>
				</div>
			</div>
			<form class="account-details" role="form">
				<h2 class="form-header">Register an Account</h2>
				
				<label for="full-name">Name</label>
				<input type="text" id="full-name" class="form-control" placeholder="Name" required="" autofocus="">
				
				<label for="email-addr">Email Address</label>
				<input type="email" id="email-addr" class="form-control" placeholder="Email address" required="" autofocus="">
				
				<label for="password">Password</label>
				<input type="password" id="password" class="form-control" placeholder="" required="" autofocus="">
				
				<label for="scout-council">Council</label>
				<input type="text" id="scout-council" class="form-control" placeholder="Council" autofocus="">
				
				<label for="district-number">District</label>
				<input type="text" id="district-number" class="form-control" placeholder="District" autofocus="">
				
				<label for="troop-number">Troop Number</label>
				<input type="text" id="troop-number" class="form-control" placeholder="Troop Number" autofocus="">
				
				<label for="photo-release">I have read and accept the terms outlined in the <a href="liabilityWaiver.html" class="btn btn-link" target="_blank">Photo Release</a></label>
				<input type="checkbox" id="photo-release" class="form-control" required="">
				
				<label for="waiver">I have read and accept the terms outlined in the <a href="liabilityWaiver.html" class="btn btn-link" target="_blank">Waiver of Liability</a></label>
				<input type="checkbox" id="waiver" class="form-control" required="">
				
				<button type="submit" id="submit_account" class="btn btn-lg btn-primary btn-block">Register Account</button>
			</form>
		</div>
	</div>
	
	<!-- Bootstrap core JavaScript
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
{% endblock body %}