&#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>
<!-- keep FirstName and LastName here for printing function -->
<input hidden name=FirstName value="Bishoy"> <input hidden name=LastName value="Soliman" >

<form action=update_order.asp onsubmit="remove_quotes();window.onbeforeunload=null" >
<H2><input name="Status" value="READY" class="READY" style="border: 0px; font-weight: bold; font-size: 24;"></H2>

<h1><label name=FirstName>Bishoy</label> <label name=LastName>Soliman</label></h1>
<table style="min-width:50vw">
<TR><TH>Order Id:<TD><input name="OrderId" readonly value="1" >
<TR><TH>Address:<TD><input name="Street" style="width:100%" value="Norfolk St"><br>
				<input name="Suburb" style="width:74%"  value="Liverpool"><input name="PostalCode" style="width:24%" value="2170"><br>
<TR><TH>Mobile:<TD><input name="MobilePhone" value="0456789012">
<TR><TH>Date:<TD><input name="OrderDate" value="2026-11-14" readonly>
<TR><TH>Details:<TD><textarea name="OrderDetails" required style="width:100%" rows=6>  Panadol  </textarea>
<TR><TH>Notes:<TD><input name="Notes" value="">
<TR><TH>Total:<TD>$<input name="Total" type=number step=0.01 onchange="calculate_balance()" value="10">
<TR><TH>Paid in Cash:<TD>$<input name="Paid" type=number step=0.01 value="0">
<TR><TH>Paid EFTPOS:<TD>$<input name="PaidEFT" type=number step=0.01 value="0">
<TR><TH>Collect Script<TD><label><input type=radio name="CollectScript" value="Collect Script"   >Yes</label>
	<label><input type=radio name="CollectScript" value="">No</label>
<TR><TH>DD<TD><label><input type=radio name="OrderDD" value="DD"  >Yes</label>
	<label><input type=radio name="OrderDD" value="">No</label>
<TR><TH>Fridge<TD><label><input type=radio name="OrderFridge" value="Fridge"  >Yes</label>
	<label><input type=radio name="OrderFridge" value="">No</label>
<TR><TH>Urgent<TD><label><input type=radio name="Urgent" value="Urgent"  >Yes</label>
	<label><input type=radio name="Urgent" value="">No</label>
<TR><TH>Staff:<TD><input name="Staff" value="br">
<TR><TH>Driver:<TD><input name="Driver" readonly value="">
<TR><TH>Driver Notes:<TD><input name="DriverNotes" readonly value="">
<TR><TH>Delivery Date:<TD><input name="DeliveryDate" readonly value="">
<TR><TD><TD><button type=button id="READY" onclick="Status.value='READY';driver_input.value='';hide_button();">READY</button>
	<button type=button id="WAITING" onclick="Status.value='WAITING';hide_button();">WAITING</button>
<TR><TD><TD><button type=button onclick=print_zpl() >&#x1F5A8; Print Label</button>
<TR><TD>&nbsp;
<TR><TD><TD><button>&#x2713; Save</button>
</table>
</form>
<a href="patient.asp?PatientId=1">&lt; Back to Patient File</a><BR>
<a onclick="window.onbeforeunload=null; return confirm('Are you sure you want to delete this order ?')" href="delete_order.asp?OrderId=1">&#x2718; Delete Order</a>

<p>Previous Balance: <input name=PreviousBalance readonly value=0><BR>
Balance: <input name=Balance readonly>
<script>
function calculate_balance(){
document.querySelector("[name=Balance").value = +document.querySelector("[name=PreviousBalance]").value + +document.querySelector("[name=Total]").value
}
calculate_balance();
</script>
</p>

<script>
driver_input = document.querySelector("[name=Driver]");

function hide_button(){
document.querySelectorAll("[type=button]").forEach(b=>b.hidden=false)
Status = document.querySelector("[name=Status]");
document.querySelector("[id='" + Status.value +"']").hidden =true;
}
hide_button();
</script>

<script src=print_zpl.js ></script>
<script>if (document.location.hash == "#print_label") print_zpl()</script>

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

<script>
window.onbeforeunload = (event)=>{event.preventDefault()}
</script>