<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src='googleSheetsPortal.js'></script>
<script src='guiForm.js'></script>
<script src='gui.js'></script>
<script src="https://www.paypal.com/sdk/js?client-id=AayjFILjN_mSN-KKC0vMOgPJZ1cGu0lYbY98aBNewHVkd7qbsUR_KejGQX_sXRNdSTB7ZQiCVW5pyVaR¤cy=USD" data-sdk-integration-source="button-factory"></script>
<script src='paypal.js'></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id='uI'>
</div>
<div id='status' style= 'margin: auto; width:300px;text-align:center;' ></div>
</body>
<script>
var googleSheetsPortalScript='https://script.google.com/macros/s/AKfycbwVfPm4X_4kXT6hhkgjzE8aoBXWCpkNNE950b_AaYiXQNDS4bh0/exec';
makeField('Identification number');
makeField('First name');
makeField('Last name');
makeDateField('Date of birth');
makeField('Sex');
makeField('Phone number');
makeField('Email address');
displayUi('uI',getFormUiAsString());
function send(){
if(isCharactersValid('Identification number', 'numeric')==true&&isCharactersValid('First name', 'alpha')==true&&isCharactersValid('Last name', 'alpha')==true&&isCharactersValid('monthField','numeric')==true&&isCharactersValid('dayField','numeric')==true&&isCharactersValid('yearField','numeric')==true&&isCharactersValid('Phone number', 'numeric')==true&&isCharactersValid('Sex', 'alpha')==true&&isCharactersValid('Email address','')==true){
displayUi('status','');
setEnabled('submitButtonGuiForm',false);
sendDataToGoogleSheets(['patientIsRegistering',getFieldText('Identification number'),getFieldText('First name'),getFieldText('Last name'),getFieldText('monthField')+'-'+getFieldText('dayField')+'-'+getFieldText('yearField'),0,getFieldText('Sex'),getFieldText('Phone number'),getFieldText('Email address')],googleSheetsPortalScript);
displayUi('status',"<i class='fa fa-gear fa-spin' style='font-size:24px;color:lightgray'></i>");
}else{
isCharactersValid('Identification number', 'numeric');
isCharactersValid('First name', 'alpha');
isCharactersValid('Last name', 'alpha');
isCharactersValid('monthField','numeric');
isCharactersValid('dayField','numeric');
isCharactersValid('yearField','numeric');
isCharactersValid('Phone number', 'numeric');
isCharactersValid('Sex', 'alpha');
isCharactersValid('Email address','');
displayUi('status','Invalid characters');
}
}
function receiveDataFromGoogleSheets(){
waitForGoogleThenExecute();
if(getDataFromGoogleSheetsAsArray()[0]=='registrationSuccessful'){
displayUi('uI', "<div class='container' style='width: 300px;'> <br><h4><u>Test name</u></h4>" +createChoice('pcr','PCR')+ '<br>' +createChoice('antigen','Antigen')+ '<br><hr>'+ createButton('setPaymentOption','Submit','setPaymentFunction()')+'</div>');
setEnabled('setPaymentOption',false);
}
if(getDataFromGoogleSheetsAsArray()[0]=='invalidId'){
displayUi('status','Invalid Identification number');
setEnabled('submitButtonGuiForm',true);
}
}
function onClickCheckbox(){
//removes the paypal button
displayUi('status',"<i class='fa fa-gear fa-spin' style='font-size:24px;color:lightgray'></i>");
var paymentOption='';
var testName='';
if(getValue('pcr')==true&&getDataFromGoogleSheetsAsArray()[12]=='Antigen'){
setValue('pcr',true);
setValue('antigen',false);
}
if(getValue('antigen')==true&&getDataFromGoogleSheetsAsArray()[12]=='PCR'){
setValue('antigen',true);
setValue('pcr',false);
}
if(getValue('pcr')==true){
testName='PCR';}
if(getValue('antigen')==true){
testName='Antigen';}
setEnabled('pcr',false);
setEnabled('antigen',false);
setEnabled('setPaymentOption',false);
sendDataToGoogleSheets(['setPaymentOption',getDataFromGoogleSheetsAsArray()[1],testName],googleSheetsPortalScript);
}
function waitForGoogleThenExecute(){
try{displayUi('status','');
setEnabled('pcr',true);
setEnabled('antigen',true);
if(getValue('antigen')==true||getValue('pcr')==true){
setEnabled('setPaymentOption',true);}
}catch(err){
}
}
function setPaymentFunction(){
displayUi('uI', "<div style= 'margin: auto; width:300px;' ><h3>Thank You</h3><h4 >Please proceed to the testing area.</h4></div>");
}
</script>
</html>