<!DOCTYPE html>
<html lang="en">
   <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
      <meta charset="utf-8"/>
      <title>DART Review</title>
      <link href="../bootstrap/css/bootstrap.css" rel="stylesheet"/>
      <link href="../css/bwizard.css" rel="stylesheet"/>
      <link href="../css/app.css" rel="stylesheet"/>
      <!--[if lt IE 9]><script src="../js/html5shim.js"></script><![endif]-->
      <link rel="shortcut icon" href="../css/vinci.png">
   </head>
   <body>
      <header class="navbar navbar-inverse navbar-fixed-top clearfix" role="banner">
         <div class="navbar-inner">
            <div class="container">
               <a class="brand small" href="../dashboard.html" aria-label="Data Access Request Tracker"><i class="vinci-icon"></i> 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"> Review Request</span>
               <p class="navbar-text pull-right">
                  <i class="icon-user icon-white"></i> Welcome <a href="#" class="active"></a> 
               </p>			   
            </div>
         </div>
      </header>
      <div class="container" role="main">
         <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 wizard-cursor">
                  <li id="Information">Information</li>
                  <li id="Participants">Participants</li>
                  <li id="Data">Data</li>
                  <li id="Documents">Documents</li>
                  <li id="Decision">Decision</li>
               </ul>
               <span class="span1"></span>
               <span class="span1 center label3"><a id="history" href="#"><i class="history-icon"></i><br />
               <small>History</small></a></span>         
               <span class="span2 pull-right center label3 left-twentyfive"><a id="communication" href="#"><i class="communication-icon"></i><br />
               <small>Communication</small></a></span>			   
               <br class="clear"/>
               <div class="tab-study-name">
               <h6 class="tracking-number muted"></h6>
                  <h6 class="study-name muted"></h6>
                  <!-- Information -->
                  <div class="page-header">
                  <div class="alert alert-info small-text narrative hide"><strong>AMENDMENT NARRATIVE:</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida nibh ac neque vulputate tempus. Praesent vehicula commodo luctus. Nam rhoncus quam et quam viverra pulvinar. Vivamus eget sapien nisi, a posuere ante. Aenean varius sodales libero a malesuada. Etiam lacinia augue vel mi eleifend non convallis nunc tempus. In quis ipsum nulla, ac congue diam. Sed at justo nec metus tempus malesuada. Aliquam erat volutpat. Vestibulum placerat, elit a tempus vehicula, urna ante lacinia lorem, eget vehicula nisi nunc non tellus. Morbi sit amet magna a eros varius rutrum in non odio. Nulla facilisi.</div>
                     <h2 aria-label="Activity Information"><i class="info-icon"></i> Activity Information</h2>
                  </div>
                  <h5 class="subhead muted" aria-label="Request Information">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" type="text" maxlength="500" value="Catheterization Laboratory Procedures" disabled tabindex="1" autofocus="autofocus" aria-label="Short Name" />
                        </div>
                     </div>
                     <div class="control-group">
                        <label class="control-label" for="programOffice">Program Office *</label>
                        <div class="controls">
                           <input id="programOffice" name="programOffice"  type="text" class="span8" maxlength="500" disabled tabindex="1" aria-label="Program Office" />
                        </div>
                     </div>
                     <div class="control-group">
                        <label class="control-label" for="justification">Justification *</label>
                        <div class="controls">
                           <textarea id="justification" name="justification"  class="span8" maxlength="500" rows="5" disabled tabindex="1" aria-label="Justification" ></textarea>
                        </div>
                     </div>
                     <div class="control-group">
                        <label class="control-label" for="startDate">Start Date *</label>
                        <div class="controls">
                           <div class="input-prepend date">
                              <span class="add-on"><i class="icon-calendar"></i></span>
                              <input id="startDate" name="startDate" type="text" class="input-medium" disabled tabindex="1" aria-label="Start Date" />
                           </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" disabled tabindex="1" aria-label="End Date" />
                           </div>
                        </div>
                     </div>
                  </form>
                  <p class="pull-right">* Required</p>
               </div>
               <!-- End Information -->   
               <!-- Participants -->
               <div class="tab-study-name">
                  <h6 class="tracking-number muted"></h6>
                  <h6 class="study-name muted">Undergoing Catheterization Laboratory Procedures in the VA</h6>
                  <div class="page-header">
                  <div class="alert alert-info small-text narrative hide"><strong>AMENDMENT NARRATIVE:</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida nibh ac neque vulputate tempus. Praesent vehicula commodo luctus. Nam rhoncus quam et quam viverra pulvinar. Vivamus eget sapien nisi, a posuere ante. Aenean varius sodales libero a malesuada. Etiam lacinia augue vel mi eleifend non convallis nunc tempus. In quis ipsum nulla, ac congue diam. Sed at justo nec metus tempus malesuada. Aliquam erat volutpat. Vestibulum placerat, elit a tempus vehicula, urna ante lacinia lorem, eget vehicula nisi nunc non tellus. Morbi sit amet magna a eros varius rutrum in non odio. Nulla facilisi.</div>
                     <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="span6">
                        <table class="displayTable table table-striped table-condensed small-text" aria-label="Choose Participants &amp; Locations">
                           <tbody>
                              <tr>
                                 <th>Name</th>
                                 <th>Location</th>
                                 <th>Notifications</th>
                                 <th class="nowrap">Data Access</th>
                              </tr>                              
                           </tbody>
                        </table>
                     </div>
                     <!-- div style="opacity: 1;" class="pull-right primary-info primary-table">
                        <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="tracking-number muted"></h6>
                  <h6 class="study-name muted"></h6>
                  <div class="page-header">
                  <div class="alert alert-info small-text narrative hide"><strong>AMENDMENT NARRATIVE:</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida nibh ac neque vulputate tempus. Praesent vehicula commodo luctus. Nam rhoncus quam et quam viverra pulvinar. Vivamus eget sapien nisi, a posuere ante. Aenean varius sodales libero a malesuada. Etiam lacinia augue vel mi eleifend non convallis nunc tempus. In quis ipsum nulla, ac congue diam. Sed at justo nec metus tempus malesuada. Aliquam erat volutpat. Vestibulum placerat, elit a tempus vehicula, urna ante lacinia lorem, eget vehicula nisi nunc non tellus. Morbi sit amet magna a eros varius rutrum in non odio. Nulla facilisi.</div>
                     <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="rdVINCI"><input class="dataLocation1" type="radio" name="dataLocation" value="VINCI" id="rdVINCI" aria-label="VINCI" disabled /> VINCI<br /></label> 
							<label for="rdlocalServerLocation"><input class="dataLocation2" type="radio" name="dataLocation" value="localServerLocation" id="rdlocalServerLocation" aria-label="Local VA Server Location" disabled /> Local VA Server Location</label>

							<!-- TODO: using temporary location field
	                        <div class="control-group">
	                        	<div class="controls dataDestinations"><input id="dataDestinations" name="dataDestinations" type="text" class="input-medium" value="VINCI" disabled />
	                        	</div>
	                        	<div class="controls top-ten localServerLocation"><input id="localServerLocation" name="localServerLocation" type="text" class="input-medium" value="Local VA Server Location" disabled />
	                        	</div>
	                        </div>
							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 dataLocation3" maxlength="128" aria-label="Name of facility" disabled />
							</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" aria-label="Address" disabled />
							</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" aria-label="Building" disabled />
							</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" aria-label="Room Number" disabled />
							</div>
						 </div>
					 </fieldset>

                     <br class="clear"/>	  
                     <h5 class="subhead muted pull-left">Requested Data Sets</h5>
					 <br class="clear"/>

                      <h4 aria-label="CDW"><strong>Corporate Data Warehouse (CDW)</strong></h4>
					 <b>SQL Format (Requires at least Basic Read Access)</b><br />
                     <div class="plus-thirty">
						 <label for="1003" class="label-bottom"><input type="checkbox" data-id="1003" name="1003" id="1003" aria-label="Basic Read Access (Includes Production and Raw Domains)" disabled> Basic Read Access (Includes Production and Raw Domains)</label><br />					 
						 <label for="1004" class="label-bottom"><input type="checkbox" data-id="1004" name="1004" id="1004" aria-label="Privileged Read Access (Provides access to SPatient Schema)" disabled> Privileged Read Access (Provides access to SPatient Schema)</label><br />
						 <label for="1005" class="label-bottom"><input type="checkbox" data-id="1005" name="1005" id="1005 aria-label="SStaff (Provides access to SStaff Schema includes Staff Real SSN)" disabled> SStaff (Provides access to SStaff Schema includes Staff Real SSN)</label><br />
						 <label for="1006" class="label-bottom"><input type="checkbox" data-id="1006" name="1006" id="1006 aria-label="CDW MCA (formerly DSS) NDE" disabled> CDW MCA (formerly DSS) NDE</label><br />
						 <label for="1007" class="label-bottom"><input type="checkbox" data-id="1007" name="1007" id="1007 aria-label="Vital Status" disabled> Vital Status</label>
					 </div>
					 
                    <b>SAS Format (Copies of Mainframe SAS datasets)</b><br />
                     <div class="plus-thirty">
						 <!-- <label for="1008" class="label-bottom"><input type="checkbox" data-id="1008" name="1008" id="1008 aria-label="BIRLS Real SSN" disabled> BIRLS Real SSN</label><br />  -->
						 <label for="1009" class="label-bottom"><input type="checkbox" data-id="1009" name="1009" id="1009 aria-label="MCA (formerly DSS) NDE SAS (legacy files)" disabled> MCA (formerly DSS) NDE SAS (legacy files)</label><br />
						 <label for="1010" class="label-bottom"><input type="checkbox" data-id="1010" name="1010" id="1010 aria-label="MedSAS Files including VetsNet Files" disabled> MedSAS Files including VetsNet Files</label><br />
						 <label for="1011" class="label-bottom"><input type="checkbox" data-id="1011" name="1011" id="1011 aria-label="Vital Status Files with Scrambled SSN" disabled> Vital Status Files with Scrambled SSN</label><br />
						 <label for="1012" class="label-bottom"><input type="checkbox" data-id="1012" name="1012" id="1012 aria-label="Vital Status File Real SSN Crosswalk File" disabled> Vital Status File Real SSN Crosswalk File</label><br />
					 </div>
                     
                    <h4 aria-label="Mainframe"><strong>Mainframe</strong></h4>
					 <div class="data-group">
						 <label for="1013" class="label-bottom"><input type="checkbox" data-id="1013" name="1013" id="1013 aria-label="BIRLS Real SSN (110JJ02)" disabled> BIRLS Real SSN (110JJ02)</label><br />
						 <label for="1014" class="label-bottom"><input type="checkbox" data-id="1014" name="1014" id="1014 aria-label="MedSAS Files including VetsNet Files National Level Real SSN (1100TT01)" disabled> MedSAS Files including VetsNet Files National Level Real SSN (1100TT01)</label><br />
						 <label for="1015" class="label-bottom"><input type="checkbox" data-id="1015" name="1015" id="1015 aria-label="MedSAS Files VISN Level Real SSN (1100TT05)" disabled> MedSAS Files VISN Level Real SSN (1100TT05)</label><br />
						 <label for="1016" class="label-bottom"><input type="checkbox" data-id="1016" name="1016" id="1016 aria-label="Vital Status Files with Scrambled SSN (110NN06)" disabled> Vital Status Files with Scrambled SSN (110NN06)</label><br />
						 <label for="1017" class="label-bottom"><input type="checkbox" data-id="1017" name="1017" id="1017 aria-label="Vital Status File Real SSN Crosswalk File (110TT20)" disabled> Vital Status File Real SSN Crosswalk File (110TT20)</label><br />
					 </div>
                     
                     <h4 aria-label="Other Data"><strong>Other Data</strong></h4>
					 <div class="data-group">
						 <label for="1018" class="label-bottom"><input type="checkbox" data-id="1018" name="1018" id="1018 aria-label="MCA (formerly DSS) Web Reports" disabled> MCA (formerly DSS) Web Reports</label><br />
						 <label for="1019" class="label-bottom"><input type="checkbox" data-id="1019" name="1019" id="1019 aria-label="OEF/OIF Roster File" disabled> OEF/OIF Roster File</label><br />
						 <label for="1020" class="label-bottom"><input type="checkbox" data-id="1020" name="1020" id="1020 aria-label="VSSC Web Reports" disabled> VSSC Web Reports</label><br />
					 </div>
                     
                     <h4><strong>Data Access Systems and Tools</strong></h4>
					 <div class="data-group">
						<label for="1021" class="label-bottom"><input type="checkbox" data-id="1021" name="1021" id="1021 aria-label="Use of the SAS Grid" disabled> Use of the SAS Grid</label>
					</div>

                     <!-- 
                     <div class="tree-left dataSourcesList"></div>    
                     -->
                               
                  </form>
                  <p class="pull-right" aria-label="Required">* Required</p>
               </div>
               <!-- End Data Sources -->
               <!-- Documents -->
               <div class="tab-study-name">
                  <h6 class="tracking-number muted"></h6>
                  <h6 class="study-name muted">Undergoing Catheterization Laboratory Procedures in the VA</h6>
                  <div class="page-header">
                  <div class="alert alert-info small-text narrative hide"><strong>AMENDMENT NARRATIVE:</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida nibh ac neque vulputate tempus. Praesent vehicula commodo luctus. Nam rhoncus quam et quam viverra pulvinar. Vivamus eget sapien nisi, a posuere ante. Aenean varius sodales libero a malesuada. Etiam lacinia augue vel mi eleifend non convallis nunc tempus. In quis ipsum nulla, ac congue diam. Sed at justo nec metus tempus malesuada. Aliquam erat volutpat. Vestibulum placerat, elit a tempus vehicula, urna ante lacinia lorem, eget vehicula nisi nunc non tellus. Morbi sit amet magna a eros varius rutrum in non odio. Nulla facilisi.</div>
                     <h1><i class="file-icon"></i> Documents</h1>
                  </div>
                  <!-- 
				  <div  class="small-text notice"><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://DNSvirec.research.DNS   /VACMS/Requests/Standard-Packet.htm" title="VIReC" target="_blank">VIReC</a> | <a href="http://DNSDNS   /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.</div>
                   -->
                  <h5 class="subhead muted">Required Documents</h5>
                  <div class="accordion" id="accordionR">
                     <div class="locationDocuments"></div>
                     <div class="participantDocuments"></div>
                  </div>				  
               </div>
               <!-- End Documents -->
               <!-- Submit -->
               <div class="tab-study-name" id="decision">
                  <h6 class="tracking-number muted"></h6>
                  <h6 class="study-name muted">Undergoing Catheterization Laboratory Procedures in the VA</h6>
                  <div class="page-header">
                  <div class="alert alert-info small-text narrative hide"><strong>AMENDMENT NARRATIVE:</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida nibh ac neque vulputate tempus. Praesent vehicula commodo luctus. Nam rhoncus quam et quam viverra pulvinar. Vivamus eget sapien nisi, a posuere ante. Aenean varius sodales libero a malesuada. Etiam lacinia augue vel mi eleifend non convallis nunc tempus. In quis ipsum nulla, ac congue diam. Sed at justo nec metus tempus malesuada. Aliquam erat volutpat. Vestibulum placerat, elit a tempus vehicula, urna ante lacinia lorem, eget vehicula nisi nunc non tellus. Morbi sit amet magna a eros varius rutrum in non odio. Nulla facilisi.</div>
                     <h1 id="decisionPageHeader" aria-label="Review Decision"><i class="ok-icon"></i> <text id="modalGroup"></text> Decision</h1>
                  </div>
                  <!-- div class="reviewListGoesHere"></div -->
                  <h5 class="subhead muted" id="submitReviewHeader">Submit Review</h5>
                  <div class="alert alert-container" id="superUserMsgContainer">
                  </div>
                  <div class="alert alert-container" id="submitMsgContainer">
	                  <div class="progress progress-striped active">
						 <div class="bar" style="width: 100%;" role="progressbar" aria-live="polite">Validating...</div>
                     </div>
                  </div>
                  <div class="review-buttons hide" aria-hidden="true">
	                  <a href="#" role="button" class="btn btn-success btn-small" id="approve">Approve</a>
	                  <a role="button" class="btn btn-warning btn-small" id="requestChanges">Request Changes</a>
	                  <a role="button" class="btn btn-danger btn-small" id="denyBtn">Deny</a>
                  </div>
                  <div class="progress progress-striped active hide" style="width:240px">
                    <div class="bar bar-success" style="width: 100%;">Approving <span id="modalGroupMsg"></span> Request...</div>
                  </div>				  
               </div>
               <!-- End Submit -->
            </div>
         </div>
      </div>
      <!-- Modals -->
      <!-- Add/Edit Note -->
      <div id="addEditNoteModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="addEditNoteLabel" 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="addEditNoteLabel"><i class="new-communication-icon"></i>Add Note</h3>
         </div>
         <br class="clear" />
         <form>
            <div class="control-group offset1">
               <div class="controls">
                  <textarea class="span5" rows="8" id="inputTopic" name="inputTopic" placeholder="Your Message..." aria-label="Note Text"></textarea>
               </div>
               <br />
               <div class="controls previous-comments small-text">    
               </div>
            </div>
         </form>
         <div class="modal-footer">
            <button class="btn btn-primary" id="submit">Submit</button>
            <button class="btn" id="cancel" data-dismiss="modal">Cancel</button>
         </div>
      </div>
      <!--  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">
				<label for="fileField"><input id="fileField" type="file" name="files[]" accept="application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" aria-label="File Name"></label><br /><br />
  				<label for="docid"><input type="hidden" name="docid" id="docid" value="12" aria-hidden="true"></label>
			</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>
      
      <!-- Mustache Templates -->      
      <script type="text/templates" class="irmaReview">
		<!--
         <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 class="full-width table table-condensed table-bordered table-striped table-data-set small-text tablesorter irmaListData" id="sortTable">
        	<tbody></tbody>
		</table>
      </script>
      <script type="text/templates" class="irmaTemplateRow">
         {{#templates}}
         <tr>
       	     <td class="span1"><label for="{{id}}"><input type="checkbox" id="{{id}}" data-id="{{id}}" class="ndsReviewCheckBoxes" aria-label="Review" /></label></td>
             <td>{{name}}</td>
         </tr>
         {{/templates}}
      </script>
      
      <script type="text/templates" class="locationOptionsTemplate">
         {{#locations}}
         	<option>{{.}}</option>
         {{/locations}}
      </script>
            
      <script type="text/templates" class="newRowTemplate">
		<tr style="display: table-row;">
         	<td class="participant" title="{{username}}">{{name}}</td>
         	<td class="location-name" data-id="{{locationId}}">{{location}}</td>
			{{#checked}}
	         	<td><i class="icon-check"></i></td>
			{{/checked}}
			{{^checked}}
				<td></td>
			{{/checked}}
			{{#dataAccessChecked}}
	         	<td><i class="icon-check"></i></td>
			{{/dataAccessChecked}}
			{{^dataAccessChecked}}
				<td></td>
			{{/dataAccessChecked}}
		</tr>
      </script>
      <script type="text/templates" class="newPrimaryTemplate">
         {{#locations}}
         <tr disabled="disabled">
         	<td class='primary-location' aria-label='Primary'><label for="{{locationId}}"><i class="icon-star-empty icon-large"></i><input type="radio" name="primary" id="{{locationId}}" value="{{location}}" {{#primary}}checked{{/primary}} class="hide" aria-label="Primary Site"></label></td>
         	<td class='location-name' data-id="{{locationId}}" aria-label='Location'>{{location}}</td>
         	<td class='primary-investigator' aria-label='Primary Investigator'>{{primaryInvestigator}}</td>
         </tr>
         {{/locations}}
      </script>

<!-- testing: making this match the create page
      <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="dataSourceRowTemplate">
         {{#dataSources}}
		   <label for="{{id}}"><input type="checkbox" data-id="{{id}}" name="{{id}}" id="{{id}}" disabled/>&nbsp;{{name}}</label><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"><button>Replace</button></td><tr/>
         	<tr><td>{{requirement}}</td><td>v{{versionNumber}} Uploaded {{updatedOn}} by {{updatedBy}}</td><tr/>
         {{/documents}}
      </script>
      
      <script type="text/templates" class="newAdminGroupDocumentRowTemplate">
		<h5 class="minus-twenty">{{description}} </h5>
		<br />
		{{#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><br />
		{{/editable}}
		{{#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}}
		{{^uploaded}}
			<span class="muted">Awaiting Document Upload</span>
		{{/uploaded}}
      </script>

<!--  TODO: might want to directly use this version
 <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>
TODO: might want to directly use this -->      
      
      <script type="text/templates" class="adminGroupDocumentLocationsTemplate">
      {{#groupDocuments}}
         {{#locations}}
         <div class="accordion-group">
          <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionA" href="#collapseAL{{id}}" aria-hidden="true"><i class="icon-caret-down"></i>{{groupDocsHeader}} 
             </a>
          </div>
          <div id="collapseAL{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
				<div class="document row-fluid bottom-margin">
					<div class="span6 pull-left no-left" id="{{headId}}">
						<h5 class="minus-twenty">{{description}} </h5>
						<br />
							{{#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><br />
							{{/editable}}
							{{#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}}
							{{^uploaded}}
								<span class="muted">Awaiting Document Upload</span>
							{{/uploaded}}
					</div>
                	<div class="span4 pull-right">
						<div class="pull-right">{{locationName}}</div>
					</div>
				</div>
         {{/documents}}
             </div>
          </div>
         </div>
         {{/locations}}
      {{/groupDocuments}}
      </script>
      <script type="text/templates" class="adminGroupDocumentParticipantsTemplate">
      {{#groupDocuments}}
         {{#participants}}
         <div class="accordion-group">
          <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionA" href="#collapseAP{{id}}" aria-hidden="true"><i class="icon-caret-down"></i>{{groupDocsHeader}}
             </a>
          </div>
          <div id="collapseAP{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         	{{#documents}}
				<div class="document row-fluid bottom-margin">
					<div class="span6 pull-left no-left" id="{{headId}}">
						<h5 class="minus-twenty">{{description}} </h5>
						<br />
							{{#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><br />
							{{/editable}}
							{{#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}}
							{{^uploaded}}
								<span class="muted">Awaiting Document Upload</span>
							{{/uploaded}}
					</div>
                	<div class="span4 pull-right">
						<div class="pull-right">{{participantName}}</div>
					</div>
				</div>
         	{{/documents}}
             </div>
          </div>
         </div>
         {{/participants}}
      {{/groupDocuments}}
      </script>

	<!-- TODO: not currently using the non-grouped admin documents, but we might want to come back to it later -->
      <script type="text/templates" class="adminDocumentLocationsTemplate">
         {{#locations}}
         <div class="accordion-group">
          <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionA" href="#collapseAL{{id}}"><i class="icon-caret-down"></i>{{locationName}} 
             {{#uploaded}}
				<span class="pull-right"><i class="icon-ok-sign"></i></span>
             {{/uploaded}} 
             {{^uploaded}}
				<span class="pull-right"><i class="icon-ok-sign hide"></i></span>
             {{/uploaded}} 
             </a>
          </div>
          <div id="collapseAL{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
				<div class="document row-fluid bottom-margin" id="{{headId}}">
                   <div class="span4 no-left small-text">
                       <h5 class="minus-twenty minus-fifteen"><!-- i class="icon-question-sign"></i -->{{description}} ({{docType}})</h5>
                       <br class="clear" />
                       <span class="muted">{{requirement}}</span>
                   </div>
                   <div class="span5 pull-right small-text">
                       <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><br />
							{{/editable}}
							{{#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="adminDocumentParticipantsTemplate">
         {{#participants}}
         <div class="accordion-group">
          <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionA" href="#collapseAP{{id}}"><i class="icon-caret-down"></i>{{participantName}}
             {{#uploaded}}
				<span class="pull-right"><i class="icon-ok-sign"></i></span>
             {{/uploaded}} 
             {{^uploaded}}
				<span class="pull-right"><i class="icon-ok-sign hide"></i></span>
             {{/uploaded}} 
             </a>
          </div>
          <div id="collapseAP{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
				<div class="document row-fluid bottom-margin" id="{{headId}}">
                   <div class="span3 no-left small-text">
                       <h5 class="minus-twenty minus-fifteen"><!-- i class="icon-question-sign"></i -->{{description}} ({{docType}})</h5>
                       <br class="clear" />
                       <span class="muted">{{requirement}}</span>
                   </div>
                   <div class="span5 pull-right small-text">
                       <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><br />
							{{/editable}}
							{{#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="requiredDocumentLocationsTemplate">
         {{#locations}}
         <div class="accordion-group">
          <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionR" href="#collapseRL{{id}}"><i class="icon-caret-down"></i>{{locationName}} 
             {{#uploaded}}
				<span class="pull-right"><i class="icon-ok-sign"></i></span>
             {{/uploaded}} 
             </a>
          </div>
          <div id="collapseRL{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
				<div class="document row-fluid bottom-margin" id="{{headId}}">

                   <div class="span4 no-left small-text">
                       <h5 class="minus-twenty minus-fifteen">{{description}} </h5>
                       <br class="clear" />

                       <form>
							{{#uploaded}}
								<span class="muted">{{name}}</span><br />
								  {{#onlyOneVersion}}
									(<a href="../../dart/files/{{id}}/{{name}}" target="_new">View</a>) 
								  	<a href="../../dart/files/{{id}}/{{name}}" target="_new"><b><i>V{{versionNumber}}</i></b></a>
								  {{/onlyOneVersion}}
								  {{^onlyOneVersion}}
								  <div class="dropdown">
									(<a href="../../dart/files/{{id}}/{{name}}" target="_new">View</a>) 
								  	<a class="dropdown-toggle" data-toggle="dropdown" href="#"><b><i>V{{versionNumber}}</i></b> <b class="caret"></b></a>
								  	<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}} 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>
								  </div>
								  {{/onlyOneVersion}}
							{{/uploaded}}
							{{^uploaded}}
								<span class="muted">Awaiting Document Upload</span>
							{{/uploaded}}
                       </form>
                   </div>

                  <div class="span3">
						<select id="docStatus" class="input-medium small-text" rel="{{id}}" aria-label="Document Status">
                        	<option>No Status</option>
                        	<option>Pending</option>
                        	<option>Under Review</option>
                        	<option>Waiting for Information</option>
                            <option>Complete</option>
                        </select>
                   </div>

                   <div class="span5">
					  <div class="notes" rel="{{id}}">
					  </div>

					  <a href="#" class="note-copy" rel="{{id}}" id="copyNote{{id}}">Copy All Notes</a>
					  <a href="#addEditNoteModal" data-toggle="modal" class="add-edit note-add" rel="{{id}}">Add Note</a>
                   </div>

				</div>
         {{/documents}}
             </div>
          </div>
         </div>
         {{/locations}}
      </script>
      <script type="text/templates" class="requiredDocumentParticipantsTemplate">
         {{#participants}}
         <div class="accordion-group">
          <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionR" href="#collapseRP{{id}}"><i class="icon-caret-down"></i>{{participantName}}
             {{#uploaded}}
				<span class="pull-right"><i class="icon-ok-sign"></i></span>
             {{/uploaded}} 
             </a>
          </div>
          <div id="collapseRP{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
				<div class="document row-fluid bottom-margin" id="{{headId}}">

                   <div class="span4 no-left small-text">
                       <h5 class="minus-twenty minus-fifteen">{{description}} </h5>
                       <br class="clear" />

                       <form>
							{{#uploaded}}
								<span class="muted">{{name}}</span><br />
								  {{#onlyOneVersion}}
									(<a href="../../dart/files/{{id}}/{{name}}" target="_new">View</a>) 
								  	<a href="../../dart/files/{{id}}/{{name}}" target="_new"><b><i>V{{versionNumber}}</i></b></a>
								  {{/onlyOneVersion}}
								  {{^onlyOneVersion}}
								  <div class="dropdown">
									(<a href="../../dart/files/{{id}}/{{name}}" target="_new">View</a>) 
								  	<a class="dropdown-toggle" data-toggle="dropdown" href="#"><b><i>V{{versionNumber}}</i></b> <b class="caret"></b></a>
								  	<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}} 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>
								  </div>
								  {{/onlyOneVersion}}
							{{/uploaded}}
							{{^uploaded}}
								<span class="muted">Awaiting Document Upload</span>
							{{/uploaded}}
                       </form>
                   </div>

                  <div class="span3">
						<select id="docStatus" class="input-medium small-text" rel="{{id}}" aria-label="Document Status">
                        	<option>No Status</option>
                        	<option>Pending</option>
                        	<option>Under Review</option>
                        	<option>Waiting for Information</option>
                            <option>Complete</option>
                        </select>
                   </div>

                   <div class="span5">
					  <div class="notes" rel="{{id}}">
					  </div>

					  <a href="#" class="note-copy" rel="{{id}}" id="copyNote{{id}}">Copy All Notes</a>
					  <a href="#addEditNoteModal" data-toggle="modal" class="add-edit note-add" rel="{{id}}">Add Note</a>
                   </div>

				</div>
         {{/documents}}
             </div>
          </div>
         </div>
         {{/participants}}
      </script>

<!-- TODO: original template (keep until we get approval of the new ones) 
      <script type="text/templates" class="requiredDocumentLocationsTemplate">
         {{#locations}}
         <div class="accordion-group">
          <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionR" href="#collapseRL{{id}}"><i class="icon-caret-down"></i>{{locationName}} 
             {{#uploaded}}
				<span class="pull-right"><i class="icon-ok-sign"></i></span>
             {{/uploaded}} 
             </a>
          </div>
          <div id="collapseRL{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
				<div class="document row-fluid bottom-margin" id="{{id}}">
                   <div class="span4 no-left small-text">
                       <h5 class="minus-twenty minus-fifteen">{{description}} ({{docType}})</h5>
                       <br class="clear" />
                       <span class="muted">{{requirement}}</span>
                   </div>

                   <div class="span3 small-text">
                       <form>
							{{#uploaded}}
								<span class="input-medium">{{name}} (<a href="../../dart/files/{{id}}/{{name}}" target="_new">View</a>)</span>
								<br />
								<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}} 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 class="span3">
						<select id="docStatus" class="input-medium small-text" rel="{{id}}" aria-label="Document Status">
                        	<option>No Status</option>
                        	<option>Pending</option>
                        	<option>Under Review</option>
                        	<option>Waiting for Information</option>
                            <option>Complete</option>
                        </select>
                   </div>
                   <div class="span2 small-text nowrap notes">
                   		<a href="#addEditNoteModal" data-toggle="modal" class="add-edit" rel="{{id}}"><small>Add Note</small></a>
                   </div>
				</div>
         {{/documents}}
             </div>
          </div>
         </div>
         {{/locations}}
      </script>
      <script type="text/templates" class="requiredDocumentParticipantsTemplate">
         {{#participants}}
         <div class="accordion-group">
          <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionR" href="#collapseRP{{id}}"><i class="icon-caret-down"></i>{{participantName}}
             {{#uploaded}}
				<span class="pull-right"><i class="icon-ok-sign"></i></span>
             {{/uploaded}} 
             </a>
          </div>
          <div id="collapseRP{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
				<div class="document row-fluid bottom-margin" id="{{id}}">
                   <div class="span4 no-left small-text">
                       <h5 class="minus-twenty minus-fifteen">{{description}} ({{docType}})</h5>
                       <br class="clear" />
                       <span class="muted">{{requirement}}</span>
                   </div>

                   <div class="span3 small-text">
                       <form>
							{{#uploaded}}
								<span class="input-medium">{{name}} (<a href="../../dart/files/{{id}}/{{name}}" target="_new">View</a>)</span>
								<br />
								<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}} 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 class="span3">
                   		<select id="docStatus" class="input-medium small-text" rel="{{id}}" aria-label="Document Status">
                        	<option>No Status</option>
                        	<option>Pending</option>
                        	<option>Under Review</option>
                        	<option>Waiting for Information</option>
                            <option>Complete</option>
                        </select>
                   </div>
                   <div class="span2 small-text nowrap notes">
                   		<a href="#addEditNoteModal" data-toggle="modal" class="add-edit" rel="{{id}}"><small>Add Note</small></a>
                   </div>
				</div>
         {{/documents}}
             </div>
          </div>
         </div>
         {{/participants}}
      </script>
TODO: original template (keep until we get approval of the new ones) -->

      
      <script type="text/templates" class="docNotesMainPageTemplate">
		<div class="note-background"  rel="{{documentId}}">
			<strong>NOTE {{created}}:</strong> {{note}} 
		</div>
      </script>
      
      <script type="text/templates" class="docNotesModalTemplate">
         {{#notes}}
			<p><b>{{created}}</b> {{note}}</p>
			<hr />
         {{/notes}}
      </script>

      <script type="text/templates" class="amendNarrativeTemplate">
		<strong>AMENDMENT NARRATIVE:</strong> {{.}}
      </script>
      
      <script type="text/templates" class="wrongStateMsgTemplate">
		<br class="clear" />
			<div class="alert alert-error">
	        	<button type="button" class="close" data-dismiss="alert">&times;</button>
	            <strong>Request form cannot be submitted!</strong> You may submit your request only when the request is in a "NOT SUBMITTED" or "CHANGE REQUESTED" state.
	        </div> 
			<table>
			{{#errors}}			
         	<tr>         	
         		<td class='msg-info'>{{.}}</td>         	
         	</tr>
         	{{/errors}}
			</table>        
      </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>Error!</strong>
	        </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>Review ready to be submitted!</strong>
		</div>
	  </script>      
      <script type="text/templates" class="superUserMsgTemplate">
		<br class="clear" />
			<div class="alert alert-success">
	        	<button type="button" class="close" data-dismiss="alert">&times;</button>
	            <strong>Review status: </strong> 
	        </div> 
			<table>
			{{#status}}			
         	<tr>
         		<td class='msg-info'>{{.}}</td>         	
         	</tr>
         	{{/status}}
			</table>
      </script>
      
      <script type="text/templates" class="decisionPageHeaderTemplate">
		<i class="ok-icon"></i> {{^superUser}}{{groupName}} {{/superUser}}Decision
	  </script>
      
      
      <!-- JS -->
      <script src="../js/jquery.min.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="../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="../ZeroClipboard-1.1.7/ZeroClipboard.min.js"></script>	  
      
      <script src="../js/app.js" type="text/javascript"></script>
      <script src="../js/review/review-non-research-request.js" type="text/javascript"></script>
      <script src="../js/jquery.tablesorter.js" type="text/javascript"></script>
      <script src="../datepicker/datepicker.js" type="text/javascript"></script>    
   </body>
</html>
