%{--include js lib for heatmap dynamically--}%
<r:require modules="data_upload"/>
<r:layoutResources disposition="defer"/>

<div id="analysisWidget">
    <h2>Variable Selection</h2>

    <form id="analysisForm">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
		<div class="row">
			<div class="col-sm-6">
				<label>Study ID:</label>
				<input type="text" id="studyId"/>

				<label>Top Node:</label>
				<input type="text" id="topNode"/>

				<label>Study Name:</label>
				<input type="text" id="studyName"/>

				<label>Phenotips Address:</label>
				<input type="text" id="phenotipsAddress"/>

				<label>Phenotips Username:</label>
				<input type="text" id="phenoUsername"/>

				<label>Phenotips Password:</label>
				<input type="text" id="phenoPassword"/>


			</div>
			<div class="col-sm-6">
				<label>Patients List:</label>
				<div class="row">
					<input class="col-sm-9" type="text" id="entered_patient_id"/>
					<div class="col-sm-3"><input type="button" value="Add" onClick="dataUpload.add_patient()"/></div>
				</div>
				<div id="patientList">No Patients on Upload List</div>
			</div>
		</div>
		<div>
			<input type="button" value="Upload Data" onClick="dataUpload.submit_job(this.form);" class="runAnalysisBtn"/>
		</div>
	</form>

</div>