&#127968; <a href="/">Home</a>&emsp;|&emsp;
&#128195; <a href="orders.asp"> All Orders</a>&emsp;|&emsp;
&#128339; <a href="orders.asp?Status=WAITING">Waiting</a>&emsp;|&emsp;
&#128230; <a href="orders.asp?Status=READY">Ready</a>&emsp;|&emsp;
&#x1F69A; <a href="orders.asp?Status=NOT%20DELIVERED">Returned</a>&emsp;|&emsp;
&#128176; <a href="drivers.asp?">Driver's Takings</a>&emsp;|&emsp;
&#128295; <a href=settings.htm>Settings</a> 
<HR>

<style>
.WAITING{color:gray}
.READY{color:black}
.WITH{color:Steelblue}
.DELIVERED{color:green}
.NOT{color:red}
.row:hover{
background-color: #eeeeee;
font-weight: bold;
cursor: hand;
}
.center
{
margin-left: auto;
margin-right: auto;
}
input[readonly]{border:none;background:none}

@media print {
	body * {display:none}
	.print , .print * , *:has(.print) {display: revert !important}
	div{height:auto !important ; overflow:none !important}
}
</style>

<link rel=stylesheet href=style.css>
<link rel="manifest" href="manifest.json">

<form id=search_form >
<input id=keyword placeholder="Search for Patient" required autocomplete="off" />
<p><a href="/">Clear</a></p>
</form>
<pre class=info>
Search by
Last name (,) First name (,) address
(;) Medicare
(+) Phone number
</pre>

<script>
let keyword=document.querySelector("#keyword")
let search_form=document.querySelector("#search_form");
keyword.value = decodeURI(document.location.hash).replace("#","")

function search_patient(){
let query_string = "";
	if (keyword){
                if (keyword.value.match(/^\d+$/)){
                        document.location="patient.asp?PatientId=" + keyword.value;
                } else if (keyword.value[0] == ';' ){
			//medicareNumber
			query_string = "MedicareNumber=" + keyword.value.substring(1,)+"%25" ; 
		} else if (keyword.value[0] == '+' ){
			//MobilePhone
			query_string = "MobilePhone=" + keyword.value.substring(1,)+"%25" ; 
		} else if (keyword.value.search(',')>=0) {
			//lastname
                               //if (keyword.value[0] == ',' ){
                               //keyword.value += "%25";
                               //}
                               if (keyword.value.split(",").length==2){
                               keyword.value +=",";
                               }
                        var values = keyword.value.split(',');

			query_string = "LastName=" + (values[0] || "")+"%25" ; 
	                query_string += "&FirstName=" + (values[1] || "")+"%25" ;
			query_string += "&Street=" + (values[2] || "")+"%25" ;
		} else if (keyword.value.search(' ')>0) {
			query_string = "LastName=" + keyword.value.split(' ')[0]+"%25" ; 
			query_string += "&FirstName=" + keyword.value.split(' ')[1]+"%25" ;
		} else{
			query_string = "LastName=" + keyword.value+"%25" ;
		}
	}
document.location="?" + query_string.replaceAll("'","_") + "#" + keyword.value ;
}

search_form.onsubmit = (event)=>{
	event.preventDefault();
	search_patient();
}
</script>