<!DOCTYPE html>
<html lang="en" id="requestor">
   <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
      <meta charset="utf-8" />
      <title>DART</title>
      <link href="./bootstrap/css/bootstrap.css" rel="stylesheet" />
      <link href="./chosen/chosen/chosen.css" rel="stylesheet" />
      <link href="./css/bwizard.css" rel="stylesheet" />
      <link href="./css/app.css" rel="stylesheet" />
      <link href="./css/jquery-ui.css" rel="stylesheet" />
      <!--[if lt IE 9]><script src="./js/html5shim.js"></script><![endif]-->  
   </head>
   <body>
      <header class="navbar navbar-inverse navbar-fixed-top clearfix">
         <div class="navbar-inner">
            <div class="container">
               <p class="navbar-text pull-right">
                  <i class="icon-user icon-white"></i> Welcome <a href="#" class="active"></a> 
               </p>
               <a class="brand small" href="dashboard.html">Data Access Request Tracker <i class="icon-chevron-right icon-white"></i></a><a class="brand small" href="dashboard.html">Dashboard <i class="icon-chevron-right icon-white"></i></a><span class="navbar-current"> Requests</span>
            </div>
         </div>
      </header>
      <div class="container">
         <div class="well">
            <div class="progress progress-striped active" id="preload">
               <div class="bar">Loading...</div>
            </div>
            <div id="wizard" class="fade">
               <ul class="pull-left">
                  <li id="Information">Information</li>
                  <li id="Participants">Participants</li>
                  <li id="Data">Data</li>
                  <li id="Documents">Documents</li>
                  <li id="Submit">Submit</li>
               </ul>
               <span class="span1"></span>
               <span class="span1 center label3"><i class="history-icon"></i><br />
               <a id="history" href="#"><small>History</small></a></span>         
               <span class="span2 pull-right center label3 left-twentyfive"><i class="communication-icon"></i><br />
               <a id="communication" href="#"><small>Communication</small></a></span>			   
               <br class="clear" />
               <div class="tab-study-name">
                  <h6 class="study-name muted"></h6>
                  <!-- Information -->
                  <div class="page-header">
                     <h2><i class="info-icon"></i> Activity Information</h2>
                  </div>
                  <h5 class="subhead muted">REQUEST INFORMATION</h5>
                  <form class="createNewProject form-horizontal">
                     <div class="control-group">
                        <label class="control-label" for="shortName">Short Name *</label>
                        <div class="controls">
                           <input class="span8" id="shortName" name="shortName" required="required" type="text" maxlength="500"/>
                        </div>
                     </div>
                     <div class="control-group">
                        <label class="control-label" for="irbNumber">IRB Number *</label>
                        <div class="controls">
                           <input id="irbNumber" name="irbNumber" required="required" type="text" class="input-medium" maxlength="255" />
                        </div>
                     </div>
                     <div class="control-group">
                        <label class="control-label" for="irbExpDate">IRB Expiration *</label>
                        <div class="controls">
                           <div class="input-prepend">
                              <span class="add-on"><i class="icon-calendar"></i></span>
                              <input id="irbExpDate" name="irbExpDate" required="required" type="text" class="input-medium" />
                           </div>
                           <span id="warning"></span>
                        </div>
                     </div>
                     <div class="control-group">
                        <label class="control-label" for="startDate">Start Date *</label>
                        <div class="controls">
                           <div class="input-prepend">
                              <span class="add-on"><i class="icon-calendar"></i></span>
                              <input id="startDate" name="startDate" type="text" required="required" class="input-medium" />
                           </div>
                        </div>
                     </div>
                     <div class="control-group">
                        <label class="control-label" for="endDate">End Date *</label>
                        <div class="controls">
                           <div class="input-prepend">
                              <span class="add-on"><i class="icon-calendar"></i></span>
                              <input id="endDate" name="endDate" type="text" class="input-medium" />
                           </div>
                        </div>
                     </div>
                  </form>
               </div>
               <!-- End Information -->   
               <!-- Participants -->
               <div class="tab-study-name">
                  <h6 class="study-name muted">Undergoing Catheterization Laboratory Procedures in the VA</h6>
                  <div class="page-header">
                     <h1><i class="participant-icon"></i> Participants</h1>
                  </div>
                  <h5 class="subhead muted">Participants &amp; Locations</h5>
                  <div class="row-fluid participant-info">
                     <div class="span7">
                        <table class="displayTable table table-striped table-condensed small-text">
                           <tbody>
                              <tr>
                                 <th class="name-width">Name</th>
                                 <th>Location</th>
                                 <th>Notifications</th>
                                 <th>Data Access</th>
                                 <th></th>
                              </tr>
                              <tr class="controls">
                                 <td class='primary-investigator participant name hide'></td>
                                 <td id="findPeopleButtonCell"><a href="#participantModal" class="btn btn-small input-small" role="button" data-toggle="modal" id="findPeopleButton"><i class="icon-search"></i> Find People</a></td>
                                 <td>
                                    <div class="participant-select-location">
                                       <select class="input-medium" data-placeholder="Select a Location">
                                          <option></option>
                                       </select>
                                    </div>
                                 </td>
                                 <td><input class="notify center" type="checkbox" name="notify" /></td>
                                 <td><input class="data-access" type="checkbox" name="data-access" /></td>
                                 <td><a class="add btn btn-primary btn-mini" href="#">Add</a></td>
                              </tr>
                           </tbody>
                        </table>
                     </div>
                     <div class="primaryLocationWidth pull-right primary-info primary-table">
                        <div class="alert alert-info hide">
                           <button type="button" class="close" data-dismiss="alert">&times;</button>
                           <small><strong>Important!</strong> Please select a Primary Location and a Principal Investigator for each location.</small>
                        </div>
                        <table class="table well table-condensed  small-text">
                           <thead>
                              <tr>
                                 <th class="nowrap">Primary</th>
                                 <th class="nowrap">Location</th>
                                 <th class="nowrap">Principal Investigator</th>
                              </tr>
                           </thead>
                           <tbody></tbody>
                        </table>
                     </div>
                  </div>
               </div>
               <!-- End Participants -->
               <!-- Data Sources -->
               <div class="tab-study-name">
                  <h6 class="study-name muted"></h6>
                  <div class="page-header">
                     <h1><i class="data-sources-icon"></i> Data Sources</h1>
                  </div>
                  <form class="form-horizontal dataSources">
                     <fieldset>
                        <p>Data Storage Location *</p>
                        <div class="dataSourceDestinations">
                           <label for="VINCI"><input class="dataLocation1" type="radio" name="dataLocation" value="VINCI" id="rdVINCI" /> VINCI<br /></label> 
                           <label for="localServerLocation"><input class="dataLocation2" type="radio" name="dataLocation" value="localServerLocation" id="rdlocalServerLocation" /> Local VA Server Location</label>
                           <!--  TODO: using temporary location field
                              <input type="radio" name="dataLocation" class="dataLocation1"/> VINCI<br /> 
                              <input type="radio" name="dataLocation" class="dataLocation2"/> Local VA Server Location <input type="text" class="dataLocation3" maxlength="64"/>
                              TODO: using temporary location field -->
                        </div>
                     </fieldset>
                     <fieldset id="serverLocation" style="display:none;">
                        <div class="control-group">
                           <label class="control-label" for="facilityName">Name of facility *</label>
                           <div class="controls">
                              <input id="facilityName" name="facilityName" required="required" type="text" class="input-medium" maxlength="128" class="dataLocation3" />
                           </div>
                        </div>
                        <div class="control-group">
                           <label class="control-label" for="address">Address *</label>
                           <div class="controls">
                              <input id="address" name="address" required="required" type="text" class="input-medium" maxlength="128" />
                           </div>
                        </div>
                        <div class="control-group">
                           <label class="control-label" for="building">Building</label>
                           <div class="controls">
                              <input id="building" name="building" type="text" class="input-medium" maxlength="128" />
                           </div>
                        </div>
                        <div class="control-group">
                           <label class="control-label" for="roomNumber">Room #</label>
                           <div class="controls">
                              <input id="roomNumber" name="roomNumber" type="text" class="input-medium" maxlength="128" />
                           </div>
                        </div>
                     </fieldset>
                     <br class="clear" />                  
                     <h5 class="subhead muted pull-left">Identifiers</h5>
                     <br class="clear" />
                     <input type="checkbox" id="realSSNIdentifier"> Real SSN<br />
                     <input type="checkbox" id="scrambledSSNIdentifier"> Scrambled SSN<br />
                     <input type="checkbox" id="phiIdentifier"> Data containing PHI but no real or scrambled SSNs<br />
                     <br class="clear" />
                     <h5 class="subhead muted pull-left">Requested Data Sets</h5>
                     <br class="clear" />
                     <h5><strong>Corporate Data Warehouse (CDW)</strong></h5>
                     <i>SQL Format</i><br />
                     <div class="plus-thirty">
                        <input type="checkbox" data-id="1022" name="1022"> CDW Production Domains (Must complete CDW Production Domain Checklist)<br />
                        <input type="checkbox" data-id="1023" name="1023"> CDW Raw Domains (Must complete CDW Raw Domain Checklist)<br />
                        <input type="checkbox" data-id="1024" name="1024"> CDW DSS NDE<br />
                        <input type="checkbox" data-id="1025" name="1025"> TIU Text Notes (Requires Real SSN Approval)<br />
                        <input type="checkbox" data-id="1026" name="1026"> Vital Status<br />
                     </div>
                     <br class="clear" />
                     <i>SAS Format</i><br />
                     <div class="plus-thirty">
                        <input type="checkbox" data-id="1027" name="1027"> BIRLS<br />
                        <input type="checkbox" data-id="1028" name="1028"> DSS NDE (legacy)<br />
                        <input type="checkbox" data-id="1029" name="1029"> MedSAS Files including VetsNet Files<br />
                        <input type="checkbox" data-id="6" name="6"> Vital Status Files with Scrambled SSN<br />
                        <input type="checkbox" data-id="3" name="3"> Vital Status File Real SSN Crosswalk File<br />
                     </div>
                     <h5><strong>Mainframe - Access</strong></h5>
                     <input type="checkbox" data-id="7" name="7"> BIRLS Real SSN (110JJ02)<br />
                     <input type="checkbox" data-id="1030" name="1030"> MedSAS including VetsNet Files for National Level Real SSN (1100TT01)<br />
                     <input type="checkbox" data-id="1031" name="1031"> MedSAS Files for VISN Level Real SSN (1100TT05)<br />
                     <input type="checkbox" data-id="12" name="12"> Vital Status Files with Scrambled SSN (110NN06)<br />
                     <input type="checkbox" data-id="11" name="11"> Vital Status File Real SSN Crosswalk File (110TT20)<br />
                     <h5><strong>Other Data</strong></h5>
                     <input type="checkbox" data-id="1001" name="1001"> CAPRI/VistAWeb (Requires Real SSN Approval)<br />
                     <input type="checkbox" data-id="8" name="8"> DSS Web Reports<br />
                     <input type="checkbox" data-id="1032" name="1032"> Legacy Data Warehouses (i.e. VISN 21)<br />
                     <input type="checkbox" data-id="1033" name="1033"> OEF/OIF Roster File<br />
                     <input type="checkbox" data-id="1034" name="1034" disabled> Surgery Quality Data Users Group (SQDUG)<br />
                     <input type="checkbox" data-id="13" name="13"> VSSC Web Reports<br />
                     <h5><strong>Data Access Systems</strong></h5>
                     <input type="checkbox" data-id="1035" name="1035"> SAS Grid<br />
                     <br class="clear" />
                     <!-- TODO: put this back in (haven't yet updated these data sources
                        <h5 class="subhead muted pull-left">Requested Data Sets</h5>
                        <br class="clear" />
                        
                        <h5><strong>CDW/VINCI</strong></h5>
                        <input type="checkbox" data-id="1" name="1"> CDW<br />
                        <input type="checkbox" data-id="7" name="7"> BIRLS Death File<br />
                        <input type="checkbox" data-id="2" name="2"> DSS NDE<br />
                        <input type="checkbox" data-id="4" name="4"> Med SAS Access (Real SSN)<br />
                        <input type="checkbox" data-id="6" name="6"> Vital Status File with Scrambled SSN<br />
                        <input type="checkbox" data-id="3" name="3"> Vital Status File with Real SSN (Crosswalk File Only)
                        
                        <h5><strong>Mainframe</strong></h5>
                        <input type="checkbox" data-id="7" name="7"> BIRLS Death File<br />
                        <input type="checkbox" data-id="4" name="4"> Med SAS Access (Real SSN)<br />
                        <input type="checkbox" data-id="12" name="12"> Vital Status File with Srambled SSN<br />
                        <input type="checkbox" data-id="11" name="11"> Vital Status File with Real SSN (Crosswalk File Only)
                        
                        <h5><strong>Other</strong></h5>
                        <input type="checkbox" data-id="9" name="9"> OEF/OIF Roster File (Real SSN)<br />
                        <input type="checkbox" data-id="10" name="10"> OEF/OIF Roster File (Scrambled SSN)<br />
                        <input type="checkbox" data-id="8" name="8"> DSS Web Reports<br />
                        <input type="checkbox" data-id="13" name="13"> VSSC Web Reports<br />
                        
                        <input type="checkbox" data-id="1001" name="1001"> CAPRI/VistAWeb (Requires Real SSN Approval)<br />
                        <!-- <input type="checkbox" data-id="1002" name="1002"> VistAWeb (Requires Real SSN Approval)<br>
                        
                        <br class="clear" />
                        TODO: put this back in (haven't yet updated these data sources -->
                     <!-- TODO: switch from the dynamically populated to the static groupings here (possibly to be put back later)
                        <div class="tree-left dataSourcesList"></div>
                        <br />
                        TODO: switch from the dynamically populated to the static groupings here (possibly to be put back later) -->
                     <p>Does your study require Informed Consent and HIPAA Authorization?</p>
                     <div><input type="radio" name="HIPAAAuthorization" id="HIPAAAuthorization1" value="yes" checked /> Yes<br />
                        <input type="radio" name="HIPAAAuthorization" id="HIPAAAuthorization2" value="no" /> No
                     </div>
                     <br />
                     <p>Does your study require a HIPAA Waiver?</p>
                     <div><input type="radio" name="HIPAAWaiver" id="HIPAAWaiver1" value="yes" checked /> Yes<br />
                        <input type="radio" name="HIPAAWaiver" id="HIPAAWaiver2" value="no" /> No
                     </div>
                     <br />
                  </form>
                  <p class="pull-right">* Required</p>
               </div>
               <!-- End Data Sources -->
				 <!-- Documents -->
				<div class="tab-study-name">
				   <h6 class="study-name muted">Undergoing Catheterization Laboratory Procedures in the VA</h6>
				   <div class="page-header">
					  <h1><i class="file-icon"></i> Documents</h1>
				   </div>
				   <p><strong>NOTICE:</strong> Always check the Data Steward's web site (<a href="http://DNS4.DNS   /NDS/DataAccess/DataAccessForms.asp" title="NDS" target="_blank">NDS</a> | <a href="http://DNS.virec.research.DNS   /VACMS/Requests/Standard-Packet.htm" title="VIReC" target="_blank">VIReC</a> | <a href="http://DNS.DNS   /hia/Forms/ResearchUser_AccessRequestForm.pdf" title="CAPRI/VistAWeb" target="_blank">CAPRI/VistAWeb</a> ) for the latest version of forms. Outdated forms will not be accepted. If a required document is actually several documents, such as an IRB and a Continuing IRB, combine them into one document before uploading. When you are required to replace documents after submission, it is easier for the reviewer if you replace all the documents that are changing at one time.</p>
				   <ul id="adminTab" class="nav nav-tabs">
					  <li class="active" id="requiredDocsTab"><a href="#required-docs" data-toggle="tab">Required Documents</a></li>
					  <li id="adminDocsTab"><a href="#admin-docs" data-toggle="tab">Admin Documents</a></li>
				   </ul>
				   <div id="dashboardContent" class="tab-content tab-area">
					  <!-- Required Documents -->
					  <div class="tab-pane fade in active" id="required-docs">
						 <h5 class="subhead muted">Required Documents</h5>
						 <div class="accordion" id="accordion2">
							<!-- NDS Administrator Documents -->
							<div class="accordion-group">
							   <div class="accordion-heading">
								  <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse1"><i class="icon-caret-down"></i>NDS Administrator Documents
								  <span class="pull-right"><i class="icon-ok-sign"></i></span>
								  </a>
							   </div>
							   <div id="collapse1" class="accordion-body collapse in">
								  <div class="accordion-inner">
									 <div class="document row-fluid" id="{{id}}">
										<div class="span6 pull-left no-left">
										   <h5 class="minus-twenty">NDS Data Use Agreement</h5>
										   <div class="pull-right">Birmingham, AL</div>
										   <br />
										   <span class="muted">Awaiting Document Upload</span>
										</div>
									 </div>
									 <div class="document row-fluid" id="{{id}}">
										<div class="span6 pull-left no-left">
										   <h5 class="minus-twenty">VHA Privacy DAA</h5>
										   <div class="pull-right">Sing, Jasvinder</div>
										   <br />
										   <span class="muted">Awaiting Document Upload</span>
										</div>
									 </div>
									 <div class="document row-fluid" id="{{id}}">
										<div class="span6 pull-left no-left">
										   <h5 class="minus-twenty">VHA Privacy DAA</h5>
										   <div class="pull-right">Duvall, Scott L.</div>
										   <br />
										   {{#uploaded}}
										   <span class="input-medium">
											  <a href="../dart/files/{{id}}/{{name}}" target="_new">
												 View< Document/a>
										   </span>
										   {{/uploaded}} 
										</div>
									 </div>
								  </div>
							   </div>
							</div>
							<!-- End NDS Administrator Documents -->
							<!-- ORD Administrator Documents -->
							<div class="accordion-group">
								<div class="accordion-heading">
								<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse2"><i class="icon-caret-down"></i>ORD Administrator Documents
								<span class="pull-right"><i class="icon-ok-sign"></i></span></a>
								</div>
								<div id="collapse2" class="accordion-body collapse in">
									<div class="accordion-inner">
										<div class="document row-fluid" id="{{id}}">
											<div class="span6 pull-left no-left">
											<h5 class="minus-twenty">ORD 9957</h5>
											<div class="pull-right">Sing, Jasvinder</div>
											<br />
											<span class="muted">Awaiting Document Upload</span>
											</div>
										</div>
										<div class="document row-fluid" id="{{id}}">
											<div class="span6 pull-left no-left">
											<h5 class="minus-twenty">ORD 9957</h5>
											<div class="pull-right">Duvall, Scott L.</div>
											<br />
											<span class="muted">Awaiting Document Upload</span>
											</div>
										</div>
									</div>
								</div>
						 </div>
						 <!-- End ORD Administrator Documents -->
						 <!-- Privacy Administrator Documents -->
						 <div class="accordion-group">
							<div class="accordion-heading">
							   <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse3"><i class="icon-caret-down"></i>Privacy Administrator Documents
							   <span class="pull-right"><i class="icon-ok-sign"></i></span>
							   </a>
							</div>
							<div id="collapse3" class="accordion-body collapse in">
							   <div class="accordion-inner">
								  <div class="document row-fluid" id="{{id}}">
									 <div class="span6 pull-left no-left">
										<h5 class="minus-twenty">Research Privacy Review Checklist</h5>
										<div class="pull-right">Birmingham, AL</div>
										<br />
										<span class="muted">View Document</span>
									 </div>
								  </div>
							   </div>
							</div>
						 </div>
						 <!-- End Privacy Administrator Documents -->
						 <div class="locationDocuments"></div>
						 <div class="participantDocuments"></div>
					  </div>
				   </div>
				   <!-- End Required Docs -->                     
				   <!-- Admin Docs -->
				   <div class="tab-pane fade" id="admin-docs">
					  <h5 class="subhead muted">Required Documents</h5>
					  <div class="accordion" id="accordion">
					  </div>
				   </div>
				   <!-- End Admin Docs -->			   
				</div>
				</div>
				<!-- End Documents -->
               <!-- Submit -->
               <div class="tab-study-name">
                  <h6 class="study-name muted"></h6>
                  <div class="page-header">
                     <h1><i class="ok-icon"></i> Submit</h1>
                  </div>
                  <h5 class="subhead muted">Submit Request</h5>
                  <div class="alert alert-container">
                     <div class="progress progress-striped active">
                        <div class="bar" style="width: 100%;">validating...</div>
                     </div>
                  </div>
                  <div class="submitTheRequest hide">
                     <a href="#" role="button" class="btn btn-primary btn-large" id="submit">Submit Request</a>
                     <div class="progress progress-striped active hide" style="width: 145px">
                        <div class="bar" style="width: 100%;">Submitting...</div>
                     </div>
                  </div>
               </div>
               <!-- End Submit -->
            </div>
         </div>
      </div>
      <!-- Modals -->
      <!-- Upload Document Modal -->
        <div id="uploadDocumentModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="uploadDocumentModalLabel" aria-hidden="true">
         <div class="modal-header">
            <a class="close" style="color: rgb(0, 136, 204);" data-dismiss="modal"><i class="icon-remove"></i></a>
            <h3 id="uploadDocumentModalLabel"><i class="search-icon"></i> Upload a Document</h3>
         </div>
         <div class="modal-body">
            <p>Please select a PDF or Microsoft Word document to upload.</p>
            <form id="uploadDocForm" method="post" enctype="multipart/form-data">
				<input id="fileField" type="file" name="files[]" accept="application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"><br /><br />
  				<input type="hidden" name="docid" id="docid" value="12">
			</form>
         </div>
         <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true" id="cancel">Cancel</button>
            <button class="btn btn-primary" aria-hidden="true" name="submit" id="submit">Upload File</button>            
         </div>
      </div>
      <!-- Add Participant modal -->
      <div id="participantModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="participantModalLabel" aria-hidden="true">
         <div class="modal-header">
            <a class="close" style="color: rgb(0, 136, 204);" data-dismiss="modal"><i class="icon-remove"></i></a>
            <h3 id="participantModalLabel"><i class="search-icon"></i> Find Participant</h3>
         </div>
         <div class="modal-body">
            <form class="createNewProject form-horizontal adjust-left-margin">
               <div class="control-group">
                  <label class="control-label" for="name">Name</label>
                  <div class="controls">
                     <input class="span4" id="name" name="name" placeholder="Enter Last Name" required="required" type="text" />
                     <button class="btn" id="findNow">Find Now</button>

                     <!-- br class="clear" />
                     <div class="progress progress-striped active hide" id="searchProgress">
                     	<div class="bar" style="width: 100%;">Searching...</div>
                     </div -->
                  </div>
               </div>
               <div class="control-group">
                  <br class="clear" />
                  <div class="controls">
                     <div class="progress progress-striped active hide" id="searchProgress">
                     	<div class="bar" style="width: 100%;">Searching...</div>
                     </div>
                  </div>
               </div>
               <div id="resultTable" class="control-group hide">
                  <!-- div class="controls" -->
	                  <!--  div class="alert alert-info hide" -->
	                  <div class="alert alert-info controls hide span5">
	                     <button type="button" class="close" data-dismiss="alert">&times;</button>
	                     <small>Click any row to select a participant.</small>
	                  </div>
	              <!-- /div -->
                  <br class="clear" />  
                  <label class="control-label" for="sortTable">Results</label>
                  <div class="controls">
                     <table class="table table-condensed table-bordered table-striped table-data-set small-text tablesorter nowrap" id="sortTable">
                        <thead>
                           <tr>
                              <th class="header">Full Name</th>
                              <th class="header">Username</th>
                           </tr>
                        </thead>
                        <tbody></tbody>
                     </table>
                  </div>
               </div>
            </form>
         </div>
         <div class="modal-footer">
            <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" id="cancel">Cancel</button>
         </div>
      </div>
      <!-- Mustache Templates -->
      <script type="text/templates" class="findPersonOptionsTemplate">
         {{#persons}}
         <tr data-dismiss="modal">
			<td id="fullName">{{fullName}}</td>
         	<td id="username">{{name}}</td>
         </tr>
         {{/persons}}
      </script>      
      <script type="text/templates" class="locationOptionsTemplate">
         {{#locations}}
         	<option>{{.}}</option>
         {{/locations}}
      </script>
      <script type="text/templates" class="newRowTempate">
         <tr class="hide" id="newRow">
         	<td class="participant">{{name}}</td>
         	<td class="location-name">{{location}}</td>
         	<td><input type="checkbox" name="notify" {{checked}}></td>
         	<td><input type="checkbox" name="data-access" {{dataAccessChecked}}></td>
         	<td><a href="#" class="delete btn btn-danger btn-mini"> <i class="icon-trash icon-large icon-white"></i></a></td>
         </tr>
      </script>
      <script type="text/templates" class="newPrimaryTemplate">
         {{#locations}}
         <tr>
         	<td class='primary-location'><label><i class="icon-star-empty icon-large"></i><input type="radio" name="primary" value="{{location}}" {{#primary}}checked{{/primary}} class="hide" aria-hidden="true"></label></td>
         	<td class='location-name'>{{location}}</td>
         	<td class='primary-investigator'><a href="#" class="edit-primary-investigator"><i class="icon-pencil"></i> {{primaryInvestigator}}</a></td>
         </tr>
         {{/locations}}
      </script>
      <script type="text/templates" class="piOptionsTemplate">
         <button type="button" class="close" data-dismiss="select">&times;</button>
         <select name="pi" class="input-medium piSelect">
         	{{#participants}}
         		<option value="{{name}}">{{name}}</option>
         	{{/participants}}
         </select>
      </script>
      <script type="text/templates" class="dataSourceRowTemplate">
         {{#dataSources}}
		   <input type="checkbox" data-id="{{id}}" name="{{id}}"/>&nbsp;{{name}}<br /> 
         {{/dataSources}}
      </script>
      <script type="text/templates" class="dsNameOptionTemplate">
         {{#sources}}
         	<option value="{{name}}">{{name}}</option>
         {{/sources}}
      </script>
      <script type="text/templates" class="projectLocationsTemplate">
         {{#locations}}
         	<option value="{{.}}">{{.}}</option>
         {{/locations}}
      </script>
      <script type="text/templates" class="documentRowTemplate">
         {{#documents}}
         	<tr><td>{{description}} ({{docType}})</td><td>{{name}} <a href="../dart/files/{{id}}/{{name}}" target="_new">(View)</a></td><td rowspan="2"><a onClick="window.open('replace-document.html','mywindow','width=700,height=400')" role="button" class="btn" id="deny">Replace</a></td><tr/>
         	<tr><td>{{requirement}}</td>
				<td><div class="dropdown">
					<a class="dropdown-toggle" data-toggle="dropdown" href="#"><b><i>V{{versionNumber}}</i></b> <b class="caret"></b></a> <small><i>Uploaded {{updatedOn}} by {{updatedBy}}</i></small>
					<ul class="dropdown-menu dropdown-position" role="menu">
						<li><a tabindex="-1" href="#">Version {{versionNumber}}<br />
							<i class="muted">Uploaded {{updatedOn}}<br />
						by {{updatedBy}}</i></a></li>
						<li class="divider"></li>			
						<li><a href="../../dart/files/{{id}}/{{name}}" target="_new">View Current Version</a></li>
					</ul>
				</div></td><tr/>
         {{/documents}}
      </script>
      <script type="text/templates" class="documentLocationsTemplate">
         {{#locations}}
         <div class="accordion-group">
          <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseL{{id}}"><i class="icon-caret-down"></i>{{name}}
             {{#uploaded}}
				<span class="pull-right"><i class="icon-ok-sign"></i></span>
             {{/uploaded}} 
             </a>
          </div>
          <div id="collapseL{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
			<div class="document row-fluid" id="{{id}}">
         		<div class="span6 pull-left no-left">
                	<h5 class="minus-twenty"><!-- i class="icon-question-sign"></i -->{{description}} ({{docType}})</h5>
                    <br />
                    <span class="muted">{{requirement}}</span>
                </div>
                <div class="span4 pull-right">
                       <form>
							{{#uploaded}}
								<span class="input-medium">{{name}} (<a href="../dart/files/{{id}}/{{name}}" target="_new">View</a>)</span>
							{{/uploaded}}
							{{#editable}}
								<a id="uploadDocumentLink" href="#uploadDocumentModal" data-toggle="modal" data-id="{{id}}">Upload</a>
							{{/editable}}
							<br />
							{{#uploaded}}
								<div class="dropdown">
								  {{#onlyOneVersion}}
								  	<a href="../dart/files/{{id}}/{{name}}" target="_new"><b><i>V{{versionNumber}}</i></b></a> <small><i>Uploaded {{updatedOn}} by {{updatedBy}}</i></small>
								  {{/onlyOneVersion}}
								  {{^onlyOneVersion}}
								  	<a class="dropdown-toggle" data-toggle="dropdown" href="#"><b><i>V{{versionNumber}}</i></b> <b class="caret"></b></a> <small><i>Uploaded {{updatedOn}} by {{updatedBy}}</i></small>
								  	<ul class="dropdown-menu dropdown-position" role="menu">
										{{#docVersions}}
										<li><a tabindex="-1" href="#">
											<a href="../dart/files/{{id}}/{{name}}" target="_new">
											Version {{versionNumber}}<br />
											<i class="muted">Uploaded {{updatedOn}}<br />
											by {{updatedBy}}</i>
											</a></a>
										</li>
										<li class="divider"></li>
										{{/docVersions}}
										<li><a href="../dart/files/{{id}}/{{name}}" target="_new">View Current Version</a></li>
								  	</ul>
								  {{/onlyOneVersion}}
								</div>
							{{/uploaded}}
                       </form>
                </div>
			</div>
         {{/documents}}
             </div>
          </div>
         </div>
         {{/locations}}
      </script>
      <script type="text/templates" class="documentParticipantsTemplate">
         {{#participants}}
         <div class="accordion-group">
          <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseP{{id}}"><i class="icon-caret-down"></i>{{name}}
             {{#uploaded}}
				<span class="pull-right"><i class="icon-ok-sign"></i></span>
             {{/uploaded}} 
             </a>
          </div>
          <div id="collapseP{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
			<div class="document row-fluid" id="{{id}}">
         		<div class="span6 pull-left no-left">
                	<h5 class="minus-twenty"><!-- i class="icon-question-sign"></i -->{{description}} ({{docType}})</h5>
                    <br />
                    <span class="muted">{{requirement}}</span>
                </div>
                <div class="span4 pull-right">
                       <form>							
							{{#uploaded}}<span class="input-medium">{{name}} (<a href="../dart/files/{{id}}/{{name}}" target="_new">View</a>)</span>{{/uploaded}} 
							{{#editable}}
								<a id="uploadDocumentLink" href="#uploadDocumentModal" data-toggle="modal" data-id="{{id}}">Upload</a>
							{{/editable}}
							<br />
							{{#uploaded}}
								<div class="dropdown">
								  {{#onlyOneVersion}}
								  	<a href="../dart/files/{{id}}/{{name}}" target="_new"><b><i>V{{versionNumber}}</i></b></a> <small><i>Uploaded {{updatedOn}} by {{updatedBy}}</i></small>
								  {{/onlyOneVersion}}
								  {{^onlyOneVersion}}
								  	<a class="dropdown-toggle" data-toggle="dropdown" href="#"><b><i>V{{versionNumber}}</i></b> <b class="caret"></b></a> <small><i>Uploaded {{updatedOn}} by {{updatedBy}}</i></small>
								  	<ul class="dropdown-menu dropdown-position" role="menu">
										{{#docVersions}}
										<li><a tabindex="-1" href="#">
											<a href="../dart/files/{{id}}/{{name}}" target="_new">
											Version {{versionNumber}}<br />
											<i class="muted">Uploaded {{updatedOn}}<br />
											by {{updatedBy}}</i>
											</a></a>
										</li>
										<li class="divider"></li>
										{{/docVersions}}
										<li><a href="../dart/files/{{id}}/{{name}}" target="_new">View Current Version</a></li>
								  	</ul>
								  {{/onlyOneVersion}}
								</div>
							{{/uploaded}}
                       </form>
                </div>
			</div>
         {{/documents}}
             </div>
          </div>
         </div>
         {{/participants}}
      </script>
      
      <script type="text/templates" class="selectParticipantTemplate">
      	<a href="#participantModal" class="edit-primary-investigator" role="button" data-toggle="modal"><i class="icon-pencil"></i> {{.}}</a>
      </script>
	  <script type="text/templates" class="documentParticipantsTemplate">
         {{#participants}}
         <div class="accordion-group">
          <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseP{{id}}"><i class="icon-caret-down"></i>{{name}}
             {{#uploaded}}
				<span class="pull-right"><i class="icon-ok-sign"></i></span>
             {{/uploaded}} 
             </a>
          </div>
          <div id="collapseP{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
			<div class="document row-fluid" id="{{id}}">
         		<div class="span6 pull-left no-left">
                	<h5 class="minus-twenty"><!-- i class="icon-question-sign"></i -->{{description}} ({{docType}})</h5>
                    <br />
                    <span class="muted">{{requirement}}</span>
                </div>
                <div class="span4 pull-right">
                       <form>							
							{{#uploaded}}<span class="input-medium">{{name}} (<a href="../dart/files/{{id}}/{{name}}" target="_new">View</a>)</span>{{/uploaded}} 
							{{#editable}}
								<a id="uploadDocumentLink" href="#uploadDocumentModal" data-toggle="modal" data-id="{{id}}">Upload</a>
							{{/editable}}
							<br />
							{{#uploaded}}
								<div class="dropdown">
								  {{#onlyOneVersion}}
								  	<a href="../dart/files/{{id}}/{{name}}" target="_new"><b><i>V{{versionNumber}}</i></b></a> <small><i>Uploaded {{updatedOn}} by {{updatedBy}}</i></small>
								  {{/onlyOneVersion}}
								  {{^onlyOneVersion}}
								  	<a class="dropdown-toggle" data-toggle="dropdown" href="#"><b><i>V{{versionNumber}}</i></b> <b class="caret"></b></a> <small><i>Uploaded {{updatedOn}} by {{updatedBy}}</i></small>
								  	<ul class="dropdown-menu dropdown-position" role="menu">
										{{#docVersions}}
										<li><a tabindex="-1" href="#">
											<a href="../dart/files/{{id}}/{{name}}" target="_new">
											Version {{versionNumber}}<br />
											<i class="muted">Uploaded {{updatedOn}}<br />
											by {{updatedBy}}</i>
											</a></a>
										</li>
										<li class="divider"></li>
										{{/docVersions}}
										<li><a href="../dart/files/{{id}}/{{name}}" target="_new">View Current Version</a></li>
								  	</ul>
								  {{/onlyOneVersion}}
								</div>
							{{/uploaded}}
                       </form>
                </div>
			</div>
         {{/documents}}
             </div>
          </div>
         </div>
         {{/participants}}
      </script>	  
      
      <script type="text/templates" class="errorMsgTemplate">
		<br class="clear" />
			<div class="alert alert-error">
	        	<button type="button" class="close" data-dismiss="alert">&times;</button>
	            <strong>Request form incomplete!</strong> You may submit your request when all required information has been entered.
	        </div> 
			<table>
			{{#errors}}			
         	<tr>         	
         		<td class='msg-info'>{{.}}</td>         	
         	</tr>
         	{{/errors}}
			</table>        
      </script>
      <script type="text/templates" class="successMsgTemplate">
		  <div class="alert alert-success">
		   <button type="button" class="close" data-dismiss="alert">&times;</button>
		   <strong>Request form complete!</strong> You may now submit your request.
		</div>
	  </script>
       <!-- JS -->
      <script src="./js/jquery.min.js" type="text/javascript"></script>
	  <script src="./js/jquery-ui.js" type="text/javascript"></script>
      <script src="./bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	  
	  <!-- blueimp jQuery-File-Upload -->
	  <script src="./jQuery-File-Upload-jquery-ui/js/vendor/jquery.ui.widget.js"></script>
	  <script src="./jQuery-File-Upload-jquery-ui/js/jquery.iframe-transport.js"></script>
	  <script src="./jQuery-File-Upload-jquery-ui/js/jquery.fileupload.js"></script>	  

	  <script src="./chosen/chosen/chosen.jquery.min.js" type="text/javascript"></script>
	  <script src="./datepicker/datepicker.js" type="text/javascript"></script>
      <script src="./js/jquery.maskedinput.min.js" type="text/javascript"></script>
      <script src="./js/jquery.validate.min.js" type="text/javascript"></script>
      <script src="./js/app-validate.js" type="text/javascript"></script>
      <script src="./js/jquery.validate.js" type="text/javascript"></script>     
      <script src="./js/mustache.min.js" type="text/javascript"></script>
      <script src="./js/bwizard.js" type="text/javascript"></script>
      <script src="./js/app.js" type="text/javascript"></script>
      <script src="./js/create-new-project.js" type="text/javascript"></script>
      <script src="./js/jquery.tablesorter.js" type="text/javascript"></script>
   </body>
</html>
