<!DOCTYPE html>
<html lang="en" id="requestor">
   <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
      <!-- meta http-equiv="X-UA-Compatible" content="IE=9,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]-->
      <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 href="dashboard.html" class="brand small">Dashboard <i class="icon-chevron-right icon-white"></i></a><span class="navbar-current"> Requests</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" role="progressbar" aria-live="polite">Loading...</div>
            </div>
            <div id="wizard" class="fade">
               <ul class="pull-left" role="menubar">
                  <li id="Information" role="menuitem">Information</li>
                  <li id="Participants" role="menuitem">Participants</li>
                  <li id="Data" role="menuitem">Data</li>
                  <li id="Documents" role="menuitem">Documents</li>
                  <li id="Submit" role="menuitem">Submit</li>
               </ul>
               <span class="span1"></span>
               <span class="span1 center label3"><a href="#" role="button" id="history"><i class="history-icon"></i><br />
               <small>History</small></a></span>         
               <span class="span2 pull-right center label3 left-twentyfive"><a href="#" role="button" id="communication"><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"></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 Proposed Protocol Name *</label>
                        <div class="controls">
                           <input class="span8" id="shortName" name="shortName" required="required" type="text" maxlength="500" aria-label="Short Proposed Protocol Name" autofocus="autofocus" />
                        </div>
                     </div>

                     
                     <!-- TODO: change IRB expr date to "Expected IRB Submission Date" -->
                     <div class="control-group">
                        <label class="control-label" for="expectedIRBSubmissionDate">Expected IRB Submission Date *</label>
                        <div class="controls">
                           <div class="input-prepend">
                              <span class="add-on"><i class="icon-calendar"></i></span>
                              <input id="expectedIRBSubmissionDate" name="expectedIRBSubmissionDate" type="text" class="dpDate input-medium" aria-label="Expected IRB Submission Date" />
                           </div>
                        </div>
                     </div>                   
                  </form>
                  <p class="pull-right" aria-label="Required">* Required</p>
               </div>
               <!-- End Information --> 
               <!-- Participants -->
               <div class="tab-study-name" role="button">
                  <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"></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="span7">
                        <table class="displayTable table table-striped table-condensed small-text" aria-label="Choose Participants &amp; Locations" role="grid">
                           <tbody>
                              <tr role="row">
                                 <th role="columnheader" aria-label="Name" class="name-width">Name</th>
                                 <th role="columnheader" aria-label="Location">Location</th>
                                 <th role="columnheader" aria-label="Notifications">Notifications</th>
                                 <th role="columnheader" aria-label="Data Access">Data Access</th>
                                 <th role="columnheader" aria-label="CAPRI/VistAWeb Access">CAPRI/ VistAWeb Access</th>
                                 <th></th>
                              </tr>
                              <tr class="controls">
                                 <td class="primary-investigator participant name hide" aria-hidden="true"></td>
                                 <td id="findPeopleButtonCell"><button href="#participantModal" class="btn btn-small" data-toggle="modal" id="findPeopleButton" aria-label="Find People" type="button"><i class="icon-search"></i> Find People</button></td>
                                 <td>
                                    <div class="participant-select-location">
                                       <label for="select-location">
                                       <select class="input-medium" data-placeholder="Select a Location" id="select-location" aria-label="Select a Location">
                                          <option></option>
                                       </select>
                                       </label>
                                    </div>
                                 </td>
                                 <td><label for="notify"><input class="notify center" type="checkbox" id="notify" aria-label="Notifications" /></label></td>
                                 <td><label for="data-access"><input class="data-access" type="checkbox" id="data-access" aria-label="Data Access" /></label></td>
                                 <td><label for="capri-access"><input class="capri-access" type="checkbox" id="capri-access" aria-label="CAPRI/VistAWeb Access" /></label></td>
                                 <td><button class="add btn btn-primary btn-mini" href="#" aria-label="Add">Add</button></td>
                              </tr>
                           </tbody>
                        </table>
                     </div>
                     <div class="primaryLocationWidth pull-right primary-info primary-table">
                        <div class="alert alert-info hide" aria-hidden="true">
                           <button type="button" class="close" data-dismiss="alert" aria-label="Select a Primary Location and a Principal Investigator for each location. 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" role="grid">
                           <thead>
                              <tr role="row">
                                 <th role="columnheader" aria-label="Primary" class="nowrap">Primary</th>
                                 <th role="columnheader" aria-label="Location" class="nowrap">Location</th>
                                 <th role="columnheader" aria-label="Principal Investigator" class="nowrap">Principal Investigator</th>
                              </tr>
                           </thead>
                           <tbody></tbody>
                        </table>
                     </div>
                  </div>
               </div>
               <!-- End Participants -->
               <!-- Data Sources -->
               <div class="tab-study-name" role="button">
                  <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"></div>
                     <h1><i class="data-sources-icon"></i> Data Sources</h1>
                  </div>

                  <form class="form-horizontal dataSources">

					 <fieldset>
						 <p aria-label="Data Storage Location">Data Storage Location *</p>
						 <div class="dataSourceDestinations">
							<label for="rdVINCI" class="label-bottom"><input class="dataLocation1" type="checkbox" disabled="disabled" checked="checked" name="dataLocation" value="VINCI" id="rdVINCI" aria-label="VINCI" /> VINCI</label><br /> 
						 </div>
					 </fieldset>
					 
                     <h5 class="subhead muted pull-left" aria-label="Identifiers">Identifiers</h5><h5 class="pull-left moreInfoIdentifiers">(<a href="http://DNS.vinci.DNS       /vincicentral/documents/Identifiers.pdf" title="More about identifiers" target="_blank">More about identifiers</a>)</h5>
                     <br class="clear" />
                     <label for="realSSNIdentifier" class="label-bottom"><input type="checkbox" id="realSSNIdentifier" aria-label="Real SSN"> Real SSN</label><br />
                     <label for="scrambledSSNIdentifier" class="label-bottom"><input type="checkbox" id="scrambledSSNIdentifier" aria-label="Scrambled SSN"> Scrambled SSN</label><br />
                     <label for="phiIdentifier" class="label-bottom"><input type="checkbox" id="phiIdentifier" aria-label="Identifiable data but no real or scrambled SSNs"> Identifiable data but no real or scrambled SSNs</label><br />
                     <br class="clear" />
 
                     <h5 class="subhead muted pull-left" aria-label="Request Data Sets">Requested Data Sets</h5>
                     <br class="clear" />
                     
                     <h5 aria-label="CDW"><strong>Corporate Data Warehouse (CDW)</strong></h5>
					 <i>SQL Format</i><br />
					 <div class="plus-thirty">
	                     <label for="1022" class="label-bottom"><input type="checkbox" data-id="1022" name="1022" id="1022" aria-label="CDW Production Domains"> CDW Production Domains</label><br />
	                     <label for="1023" class="label-bottom"><input type="checkbox" data-id="1023" name="1023" id="1023" aria-label="CDW Raw Domains"> CDW Raw Domains</label><br />
	                     <label for="1024" class="label-bottom"><input type="checkbox" data-id="1024" name="1024" id="1024" aria-label="CDW MCA (formerly DSS) NDE"> CDW MCA (formerly DSS) NDE</label><br />
	                     <label for="1029" class="label-bottom"><input type="checkbox" data-id="1029" name="1029" id="1029" aria-label="MedSAS Files including VetsNet Files"> MedSAS Files including VetsNet Files</label><br />
	                     <label for="1025" class="label-bottom"><input type="checkbox" data-id="1025" name="1025" id="1025" aria-label="TIU Text Notes (Requires Real SSN Approval)"> TIU Text Notes (Requires Real SSN Approval)</label><br />
	                     <label for="1026" class="label-bottom"><input type="checkbox" data-id="1026" name="1026" id="1026" aria-label="Vital Status Files (includes BIRLS)"> Vital Status Files (includes BIRLS)</label><br />
	                 </div>
	                 
                     <br class="clear" />
                     
					 

                     <h5 aria-label="Mainframe"><strong>Mainframe - Access</strong></h5>
                     <label for="7" class="label-bottom"><input type="checkbox" data-id="7" name="7" id="7" aria-label="BIRLS Real SSN (110JJ02)"> BIRLS Real SSN (110JJ02)</label><br />
                     <label for="1030" class="label-bottom"><input type="checkbox" data-id="1030" name="1030" id="1030" aria-label="MedSAS including VetsNet Files for National Level Real SSN (1100TT01)"> MedSAS including VetsNet Files for National Level Real SSN (1100TT01)</label><br />
                     <label for="1031" class="label-bottom"><input type="checkbox" data-id="1031" name="1031" id="1031" aria-label="MedSAS Files for VISN Level Real SSN (1100TT05)"> MedSAS Files for VISN Level Real SSN (1100TT05)</label><br />
                     <label for="12" class="label-bottom"><input type="checkbox" data-id="12" name="12" id="12" aria-label="Vital Status Files with Scrambled SSN (110NN06)"> Vital Status Files with Scrambled SSN (110NN06)</label><br />
                     <label for="11" class="label-bottom"><input type="checkbox" data-id="11" name="11" id="11" aria-label="Vital Status File Real SSN Crosswalk File (110TT20)"> Vital Status File Real SSN Crosswalk File (110TT20)</label><br />

                     <h5 aria-label="Other Data"><strong>Other Data</strong></h5>
                     <label for="1001" class="label-bottom"><input type="checkbox" data-id="1001" name="1001" id="1001" aria-label="CAPRI/VistAWeb (Individuals needing Capri/VistA Web access are selected on the participants page and require real SSN approval)"> CAPRI/VistAWeb (Individuals needing Capri/VistA Web access are selected on the participants page and require real SSN approval)</label><br />
                     <label for="1040" class="label-bottom"><input type="checkbox" data-id="1040" name="1040" id="1040" aria-label="Care Assessment Need (CAN) Score (Requires Scrambled SSN Level Access)"> Care Assessment Need (CAN) Score (Requires Scrambled SSN Level Access)</label><br />
                     <label for="1037" class="label-bottom"><input type="checkbox" data-id="1037" name="1037" id="1037" aria-label="Health Economics Resource Center (HERC) Average Cost Data"> Health Economics Resource Center (HERC) Average Cost Data</label><br />
                     <label for="1038" class="label-bottom"><input type="checkbox" data-id="1038" name="1038" id="1038" aria-label="Health Economics Resource Center (HERC) V21 and Nosos Risk Scores Data"> Health Economics Resource Center (HERC) V21 and Nosos Risk Scores Data</label><br />
                     <label for="8" class="label-bottom"><input type="checkbox" data-id="8" name="8" id="8" aria-label="MCA (formerly DSS) Web Reports"> MCA (formerly DSS) Web Reports</label><br />
                     <label for="1039" class="label-bottom"><input type="checkbox" data-id="1039" name="1039" id="1039" aria-label="Patient Aligned Care Team (PACT) Implementation Index (Pi2)"> Patient Aligned Care Team (PACT) Implementation Index (Pi2)</label><br />
                     <label for="13" class="label-bottom"><input type="checkbox" data-id="13" name="13" id="13" aria-label="VSSC Web Reports"> VSSC Web Reports</label><br />

                     <h5 aria-label="Data Access Systems"><strong>Data Access Systems</strong></h5>
                     <label for="1035" class="label-bottom"><input type="checkbox" data-id="1035" name="1035" id="1035" aria-label="SAS Grid"> SAS Grid</label><br />
                     <br class="clear" />
                   
                     <br />

                  </form>
                  <p class="pull-right" aria-label="Required">* Required</p>
               </div>
               <!-- End Data Sources -->
               <!-- Documents -->
               <div class="tab-study-name docs">
                  <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"></div>
                     <h1><i class="file-icon"></i> Documents</h1>
                  </div>
				  <p><strong>NOTICE:</strong> Always check the Data Steward's web site (<a href="http://DNS.DNS.DNS       /DataAccess/PreptoResearchRequestProcess.aspx" title="DART Process and Forms" target="_blank">DART Process and Forms</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" role="tablist">
					  <li class="active" id="requiredDocsTab" role="tab" autofocus="autofocus"><a href="#required-docs" data-toggle="tab">Required Documents</a></li>
				   </ul>
				   
				   <div id="dashboardContent" class="tab-content tab-area">
					  <!-- Required Documents -->
					  <div class="tab-pane fade in active" id="required-docs" role="tabpanel" aria-labelledby="requiredDocsTab">
					  	<h5 class="subhead muted" aria-label="Required Documents">Required Documents</h5>
					 	<div class="accordion" id="accordionR">
					 		<div class="locationDocuments"></div>
					 		<div class="participantDocuments"></div>
					 	</div>
					 </div>
                     <!-- End Required Docs -->                     
				 </div>
               </div>
               <!-- End Documents -->
               <!-- Submit -->
               <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"></div>
                     <h1 id="submitPageHeader" aria-label="Submit Request"><i class="ok-icon"></i> Submit</h1>
                  </div>
                  <h5 class="subhead muted" id="submitRequestHeader">Submit Request</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="submitTheRequest hide" aria-hidden="true">
                     <button href="#" class="btn btn-primary btn-large" id="submit" aria-label="Submit Request">Submit Request</button>
                     <div class="progress progress-striped active hide" style="width: 145px" aria-hidden="true">
                        <div class="bar" style="width: 100%;" role="progressbar" aria-live="polite">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" aria-label="Upload a Document"><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 />
  				<input type="hidden" name="docid" id="docid" value="12" aria-hidden="true">
			</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 (Last Name, First Name)</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" aria-label="Enter Last Name" />
                     <button class="btn" id="findNow">Find Now</button>

                     <!-- br class="clear" />
                     <div class="progress progress-striped active hide" id="searchProgress" aria-hidden="true">
                     	<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" aria-hidden="true">
                     	<div class="bar" style="width: 100%;" role="progressbar" aria-live="polite">Searching...</div>
                     </div>
                  </div>
               </div>
               <div id="resultTable" class="control-group hide" aria-hidden="true">
                  <!-- div class="controls" -->
	                  <!--  div class="alert alert-info hide" aria-hidden="true" -->
	                  <div class="alert alert-info controls hide span5" aria-hidden="true">
	                     <button type="button" class="close" data-dismiss="alert">&times;</button>
	                     <small>Click any row to select a participant.</small>
	                  </div>
	              <!-- /div -->
                  <br class="clear" />  
                  <div class="control-label">Results</div>
                  <div class="controls">
                     <table class="table table-condensed table-bordered table-striped table-data-set small-text tablesorter nowrap" id="sortTable" role="grid">
                        <thead>
                           <tr role="row">
                              <th aria-label="Full Name" class="header" role="columnheader">Full Name</th>
                              <th aria-label="Username" class="header" role="columnheader">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 role="row" 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 -->
         	<option data-id="{{id}}" value="{{name}}">{{name}}</option>
         {{/locations}}
      </script>
      <script type="text/templates" class="newRowTemplate">
         <tr class="hide" id="newRow" aria-hidden="true">
         	<td class="participant" title="{{username}}">{{name}}</td>
         	<td class="location-name" data-id="{{locationId}}">{{location}}</td>
         	<td><input class="notify center" type="checkbox" name="notify" aria-label="Notifications" {{checked}} /></td>
         	<td><input class="data-access" type="checkbox" name="data-access" aria-label="Data Access" {{dataAccessChecked}} {{dataAccessEnabled}}/></td>
            <td><input class="capri-access" type="checkbox" name="capri-access" aria-label="CAPRI/VistAWeb Access" {{capriAccessChecked}} {{capriAccessEnabled}}/></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 role='row'>
         	<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}}<a href="#" class="edit-primary-investigator"><i class="icon-pencil"></i> {{primaryInvestigator}}</a>{{/primaryInvestigator}}</td>
         </tr>
         {{/locations}}
      </script>
      <script type="text/templates" class="piOptionsTemplate">
         <button type="button" class="close" data-dismiss="select">&times;</button>
         <select name="pi" id="pi" class="input-medium piSelect" title="Participants" aria-label="Participants">
         	{{#participants}}
         		<option value="{{name}}">{{name}}</option>
         	{{/participants}}
         </select>
      </script>
      <script type="text/templates" class="dataSourceRowTemplate">
         {{#dataSources}}
		   <label for="{{id}}"><input type="checkbox" data-id="{{id}}" name="{{id}}" id="{{id}}"/>&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}} ({{docType}}){{/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="newDocumentRowTemplate">
         		<div class="span6 pull-left no-left">
                	<h5 class="minus-twenty"><!-- i class="icon-question-sign"></i -->{{description}}{{#docType}} ({{docType}}){{/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>
      </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="#accordionR" href="#collapseL{{id}}" aria-hidden="true"><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="collapseL{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
			<div class="document row-fluid location" id="{{headId}}">
         		<div class="span6 pull-left no-left">
                	<h5 class="minus-twenty"><!-- i class="icon-question-sign"></i -->{{description}}{{#docType}} ({{docType}}){{/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}}
							{{^editable}}
								{{^uploaded}}
								  	<span class="muted">Awaiting Document Upload</span>
								{{/uploaded}}
							{{/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>
			<br />
         {{/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="#accordionR" href="#collapseP{{id}}" aria-hidden="true"><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="collapseP{{id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
         {{#documents}}
			<div class="document row-fluid participant" id="{{headId}}">
         		<div class="span6 pull-left no-left">
                	<h5 class="minus-twenty"><!-- i class="icon-question-sign"></i -->{{description}}{{#docType}} ({{docType}}){{/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}}
							{{^editable}}
								{{^uploaded}}
								  	<span class="muted">Awaiting Document Upload</span>
								{{/uploaded}}
							{{/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>
			<br />
         {{/documents}}
             </div>
          </div>
         </div>
         {{/participants}}
      </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 location" id="{{headId}}">
					<div class="span6 pull-left no-left">
						<!-- h5 class="minus-twenty">{{description}}{{#docType}} ({{docType}}){{/docType}}</h5 -->
						<h5 class="minus-twenty">{{description}} </h5>
						<br />
							{{#uploaded}}
								<span class="input-medium">{{name}} (<a href="../dart/files/{{id}}/{{name}}" target="_new">View</a>)</span>
								<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 participant" id="{{headId}}">
					<div class="span6 pull-left no-left">
						<!-- h5 class="minus-twenty">{{description}}{{#docType}} ({{docType}}){{/docType}}</h5 -->
						<h5 class="minus-twenty">{{description}} </h5>
						<br />
							{{#uploaded}}
								<span class="input-medium">{{name}} (<a href="../dart/files/{{id}}/{{name}}" target="_new">View</a>)</span>
								<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>

      
      <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="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>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>
      <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>Request status: </strong> {{status}}
	        </div> 
		<!-- not currently displaying other super-user messages
			<table>
			{{#info}}			
         	<tr>
         		<td class='msg-info'>{{.}}</td>         	
         	</tr>
         	{{/info}}
			</table>
		not currently displaying other super-user messages -->
      </script>
       <!-- JS -->
      <script src="./JSON-js-master/json2.js"></script>
      <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/jquery.ui.datepicker.validation.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-preparatory.js" type="text/javascript"></script>
      <script src="./js/save-request.js" type="text/javascript"></script>
      <script src="./js/jquery.tablesorter.js" type="text/javascript"></script>
   </body>
</html>
