<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>

<div id="staticDataDiv"/>
<!--set static values -->

<table cellspacing="2" cellpadding="5" border="0" id="staticTable">
<tr><td width="200">CRF ID: </td><td><strong id="crfRefId">1583163135258</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"/>
<!--<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>