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

<form action=new_order.asp onsubmit=remove_quotes() >
<input hidden name="PatientID" value=1>
<input hidden name="FirstName" value=Bishoy>
<input hidden name="LastName" value=Soliman>
<br><label><h1 class=print>Bishoy&nbsp;Soliman</h1></label><br>
<table style="min-width:50vw">
<TR class=print><TH>Address:<TD><input name="Street"  style="width:100%" value="Norfolk St">
					<input name="Suburb"  style="width:74%"  value="Liverpool">
					<input name="PostalCode"  style="width:24%" value="2170">
<TR class=print><TH>Mobile:<TD><input name="MobilePhone" value=>
<TR><TH>Medicare:<TD><input name="MedicareNumber" value=>
<TR><TH>Order details<TD><textarea name="OrderDetails" required rows=6></textarea>
<TR><TH>Notes:<TD><input name="Notes" style="width:100%">
<TR><TH>Staff:<TD><input name="Staff" required>
</table>
<br><button>&#x2713; Submit Order</button>
</form>
<hr>
<div class=print>
<label style="color:blue"><h1>Patient History</h1></label>
<h2>Current Balance: $
0
</h2>
<button onclick=window.print()>&#x1F5A8; Print Statement</button>
<br><br>
<table border="1" cellspacing=0>
<tr>
<th>ID</th>
<th>Order date</th>
<th>Order</th>
<th>Amount</th>
<th>Paid</th>
<th>Status</th>
<th>Driver</th>
</tr>


</table>
</div>



<script>
function remove_quotes(){
	document.querySelectorAll("input,textarea").forEach(i=>{
		i.value=i.value.replace(/'|"/g,"")
	})
}
</script>