<!--#include virtual="/_appDB/db_connection.asp" -->
<!--#include virtual="/_appDB/functions.asp" -->
<!--#include virtual="/parents/scripts/admin_functions.asp" -->
<!--#include virtual="/parents/scripts/enc_function.asp" -->
<!--#include virtual="/parents/scripts/adm_inst.asp" -->
<%
IF (checkPermission("routes")="FAILED") THEN
	response.write("You do not have permission to view this page")
	response.end
END IF
%>
<script type="text/javascript">
	$(document).ready(function(){
		$('#testDATE').datepicker( {dateFormat: 'dd-mm-yy'});
		$('#testDATENEXTDUE').datepicker( {dateFormat: 'dd-mm-yy'});
	});
</script>
<script type="text/javascript" src="/parents/scripts/apptoast.js"></script>
<form action="/parents/control-panel/?go=safety" method="post" name="arf">
<input type="hidden" name="savesafetydata" value="go" />
<input type="hidden" name="pupilID" value="<%=sanitizeRequest("pupil","querystring")%>" />
<div style="width:100%;box-sizing:border-box;padding:10px;overflow:hidden;">
<p style="text-align:left;"><span>Starred (*) fields are required.</span></p>
<table cellpadding="2" cellspacing="0" style="width:100%;text-align:left;" class="drvDataTable formfields">
		<tr>
			<td style="width:25%;">Test Type *</td>
			<td>
				<select name="testT" id="testT" style="width:40%;min-width:200px;">
					<option value="covid19">Covid-19</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>Test Date *</td>
			<td>
				<input type="text" name="testDATE" id="testDATE" style="width:40%;min-width:100px;float:left;" autocomplete="off" />				     
			</td>
		</tr>
		<tr>
			<td>Test Result *</td>
			<td>
				<select name="testRESULT" id="testRESULT" style="width:40%;min-width:200px;">
					<option value="--" selected="selected">Please Choose</option>
					<option value="pending">Pending</option>
					<option value="negative">Negative</option>
					<option value="positive">Positive</option>
					<option value="inconclusive">Inconclusive</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>Test Code</td>
			<td>
				<input type="text" name="testCODE" id="testCODE" style="width:40%;min-width:100px;float:left;" autocomplete="off" />				     
			</td>
		</tr>
		<tr>
			<td>Next Test Due</td>
			<td>
				<input type="text" name="testDATENEXTDUE" id="testDATENEXTDUE" style="width:40%;min-width:100px;float:left;" autocomplete="off" />				     
			</td>
		</tr>	
		<tr>
			<td>&nbsp;</td>
			<td><div class="adminbutton savedata"><a href="#" style="width:40%;color:#fff;"><span class="adm_save">submit</span></a></div></td>	
		</tr>	
</table>
</div>
</form>
<script type="text/javascript">
	$('.savedata a').click(function(e) {
			e.preventDefault();
			$('.savedata a').html('<img src="/parents/img/blue_load.gif" alt="" />');
			if(dgbi('testDATE').value == ''){
				showAppToast('Please enter the test date','testDATE');resForm();return false;
			}
			if(dgbi('testRESULT').options[dgbi('testRESULT').selectedIndex].value == '--'){
				showAppToast('Please enter the test result','testRESULT');resForm();return false;
			}
			setTimeout(function(){document.forms.arf.submit();},1200);
	});
	function resForm(){
		$('.savedata a').html('<span class="adm_save">submit</span>');
	}
</script>