{{ $hubdata := index $.Site.Data.hub }}
<script>
var formname = "form.hubRequestForm";
var submiturl = "{{ .Site.Params.forms.hub.URI }}";
{{ if .Site.Params.forms.hub.goal }}
var goal = "{{ .Site.Params.forms.hub.goal }}";
{{ end }}
</script>
<section id="hub">
<div class="container"><div class="row wow fadeInUp">
	<div class="col-lg-12 col-md-12 mt-5 mb-5"><div class="form">
		<div class="col-lg-12 text-center"><h2>HUB Access Request Form</h2></div>
		<div id="sendmessage" style="display:none">Your request has been sent. Thank you!</div>
		<div id="errormessage" style="display:none">Error</div>
		<form role="form" name="hubRequestForm" class="hubRequestForm" id="hubRequestForm" action="" method="post">
			<div class="form-row">
				<div class="form-group col-lg-6">
					<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 characters" />
					<div class="validation"></div>
				</div>
				<div class="form-group col-lg-6">
					<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email address" />
					<div class="validation"></div>
				</div>
			</div>
			<div class="form-row">
				<div class="form-group col-lg-6">
					<input type="text" class="form-control" name="companyname" id="companyname" placeholder="Your Company/Project Name" data-rule="minlen:4" data-msg="Please enter your Company Name" />
					<div class="validation"></div>
				</div>
				<div class="form-group col-lg-6">
					<input type="text" class="form-control" name="companyurl" id="companyurl" placeholder="Your Company/Project URL" data-rule="minlen:8" data-msg="Please enter your Company URL" />
					<div class="validation"></div>
				</div>
			</div>
			<div class="form-row">
				<div class="form-group col-lg-6">
					<input type="text" class="form-control" name="projectname" id="projectname" placeholder="Project/Product Name" data-rule="minlen:4" data-msg="Please enter the project name" />
					<div class="validation"></div>
				</div>
				<div class="form-group col-lg-6">
					<input type="text" class="form-control" name="projecturl" id="projecturl" placeholder="Project/Product SCM URL" data-rule="minlen:8" data-msg="Please enter the project URL" />
					<div class="validation"></div>
				</div>
			</div>
			<div class="form-row">
			{{ $projects := .Param "projects" }}
			{{ if $projects }}
				<div class="form-group col-lg-6">
					What is your project?
					<select id="project" name="project">
					{{ range $projects }}
						<option value="{{ . }}">{{ . }}</option>
					{{ end }}
					</select>
				</div>
			{{ end }}
			{{ $systems := .Param "systems" }}
			{{ if $systems }}
				<div class="form-group col-lg-6">
					What POWER system would you like?
					<select id="system" name="system">
					{{ range $systems }}
						<option value="{{ . }}">{{ . }}</option>
					{{ end }}
					</select>
				</div>
			{{ end }}
			{{ $provides := .Param "provides" }}
			{{ if $provides }}
				<div class="form-group col-lg-6">
					What POWER resources do you require?
					<select id="provides" name="provides">
					{{ range $provides }}
						<option value="{{ . }}">{{ . }}</option>
					{{ end }}
					</select>
				</div>
			{{ end }}
			{{ $addons := .Param "addons" }}
			{{ if $addons }}
				<div class="form-group col-lg-6">
					What POWER addons do you require?
					<select id="addons" name="addons">
					{{ range $addons }}
						<option value="{{ . }}">{{ . }}</option>
					{{ end }}
					</select>
				</div>
			{{ end }}
			{{ $operatingsystems := .Param "operatingsystems" }}
			{{ if $operatingsystems }}
				<div class="form-group col-lg-12">
					What Operating System would you like on your POWER resource?
					<select id="operatingsystem" name="operatingsystem">
					{{ range $operatingsystems }}
						<option value="{{ . }}">{{ . }}</option>
					{{ end }}
					</select>
				</div>
			{{ end }}
			</div>
			<div class="form-group">
				<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write a short explanation about getting access. (Why, How, Whatfor, how long)" placeholder="Please write a short explanation about getting access. (Why, How, Whatfor, how long)"></textarea>
				<div class="validation"></div>
			</div>
			<div class="text-center"><button class="btn btn-outline-primary" type="submit" title="Send Message">Request your resource</button></div>
		</form>
	</div></div>
</div></div>
</section>