<html>
<body>
<div id="div-zero"></div><p/>
<h2>Data Sources</h2>
<div id="div-six">
Does your study require Informed Consent and HIPAA Authorization? 
	<input type="radio" id="hipaaConsentYes" name="hipaaConsent" value="Yes">Yes&nbsp;
	<input type="radio" name="hipaaConsent" Value="No" checked>No <br/>
Does your study require a HIPAA waiver? 
	<input type="radio" id="hipaaWaiverYes" name="hipaaWaiver" value="Yes">Yes&nbsp;
	<input type="radio" name="hipaaWaiver" Value="No" checked>No <br/>
</div>
<p/>
<div id="div-four">
<table class="displayTable table table-striped table-condensed">
	<tbody></tbody>
</table>
</div>
<div id="div-five">
<table class="displayTable table table-striped table-condensed">
	<tbody>
		<tr>
			<td>Geographic Location *</td>
			<td>
				<select id="sel-location"></select>
			</td>
		</tr>
	</tbody>
</table>
</div><p/>
<div id="div-one">
Requested Data Sets<p/>
<table class="displayTable table table-striped table-condensed">
	<tbody>
		<tr>
			<td>Select Source</td>
			<td>
				<select id="sel-source"></select>
			</td>
		</tr>
	</tbody>
</table>
</div>
<div id="div-three">
<table class="displayTable table table-striped table-condensed">
	<thead>
		<tr>
			<td><input class="notify" type="checkbox" name="notify"></td>
			<td>Source</td>
			<td>Domain</td>
			<td>Fields</td>
			<td>Description</td>
		</tr>
	</thead>
	<tbody></tbody>
</table>
</div>

<div id="div-two">
<button id="back">Back</button>&nbsp;<button id="next">Next</button>
</div>

	<script type="text/templates" class="dataSourceRowTemplate">
	{{#dataSources}}
		<tr class="dsr">
			<td><input class="use" type="checkbox" name="{{id}}"></td>
			<td><a href="{{infoSite}}">{{name}}</a></td>
			<td>{{domainName}}</td>
			<td>{{fields}}</td>
			<td>{{description}}</td>
		</tr>
	{{/dataSources}}
	</script>
	<script type="text/templates" class="dsNameOptionTemplate">
		{{#sources}}
			<option value="{{name}}">{{name}}</option>
		{{/sources}}
	</script>
	<script type="text/templates" class="projectNameTemplate">
		{{trackingNumber}}&nbsp;/&nbsp;{{officialName}}<br/>
	</script>
	<script type="text/templates" class="projectDatesTemplate">
		<tr><td>Data Use Start Date *</td><td><input type="text" id="useStartDate" value="{{useStartDate}}"></td></tr>
		<tr><td>Data Use End Date *</td><td><input type="text" id="useEndDate" value="{{useEndDate}}"></td></tr>
	</script>
	<script type="text/templates" class="projectLocationsTemplate">
		{{#locations}}
			<option value="{{name}}">{{name}}</option>
		{{/locations}}
	</script>
	<script src="./js/jquery.min.js"></script>
	<script src="./js/mustache.min.js"></script>
	<script src="./js/data-sources.js"></script>
</body>
</html>