<style>
table {margin-bottom:20px;table-layout:fixed; border-collapse:collapse; border-spacing:10px}
table.t1 {width:400px; border:1px solid black}
table.t1 th {border:1px solid black;padding:4px;background-color:#e0e0e0}
table.t1 td {text-align:center}
table.t2 {width:800px; border:1px solid black;}
table.t2 th {border:1px solid black;padding:4px;background-color:#e0e0e0}
table.t2 td {border:1px solid black; text-align:center}

div.d1 {text-align:center; width=400px; background-color:#e0e0e0;
        font-size:      20px; margin-bottom:20px}
</style>

<h1 id="formTitle">Title</h1>

<table cellspacing="2" cellpadding="5" border="0">
<tr><td>Version: </td><td><strong id="version">0.0</strong></td></tr>
<tr><td>CRF ID: </td><td><strong id="crfRefId">1583163135258</strong></td></tr>
<tr><td>Eudra CT Number: </td><td><strong id="eudraCTNumber">Loading</strong></td></tr>
<tr><td>Study Sponsor: </td><td><strong id="studySponsor">Loading</strong></td></tr>
<tr><td>Study Coordinator: </td><td><strong id="studyCoordinator">Loading</strong></td></tr>
<tr><td>Site: </td><td><strong id="siteName">Loading</strong></td></tr>
<tr><td>Telephone(site): </td><td><strong id="sitePhone">Loading</strong></td></tr>
<tr><td>Investigator: </td><td><strong id="investigatorName">Loading</strong></td></tr>
</table>

<form name="visitForm" id="visitForm">

</form>

<div id="submitDiv"/>


<div id="errorDiv" style="display:none">
<textarea id="errorTxt" cols="95" rows="10"></textarea>
</div>

<div id="debugDiv" style="display:block"/>
<!--<div id="debug" style="display:block">
<textarea cols="95" rows="10" name="formStatus" id="formStatus">
Loading
</textarea>
</div>
-->


<script type="text/javascript">

window.onload = init();

function init(){
		
	let searchParams = new URLSearchParams(window.location.search);
	
	//update this to pick crfRef from url
	let crfRef=searchParams.get('entryId');
	//let formSetupQuery=searchParams.get('formSetupQuery');	
	document.getElementById("crfRefId").innerHTML=crfRef;


	//let config=new Object();
	//config is part of crfVisit.js
	//will this change if we are in views?
	//config.review=true;

	//where to get ParticipantId
	//pick this from study properties
	config.masterForm="visitForm";
	
	config.document=document;
	config.window=window;
	config.debugDiv="debugDiv";
	config.debugId="formStatus";
	config.crfRefId="crfRefId";
	config.registrationParticipantIdField="participantCode";
	config.containerPath= LABKEY.ActionURL.getContainer();
	//config.setupQueryName=formSetupQuery;
	config.formId=searchParams.get("formId");
	config.role=searchParams.get('role');	
	
	clear();

	generateMasterForm();


	

}
</script>