&#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>
<h1>Driver Summary</h1>
<form>
<table><TR><TH>Choose Driver:
<TD><select name=Driver required>
<option></option>
<option>ehab</option>
</select>
<TD><input name=DeliveryDate type=date>
<script>
document.querySelector("[name=DeliveryDate]").value = new Date().toLocaleDateString('en-CA')
</script>
<TD><button>GO</button>
</table>
</form>

<table border=1 cellpadding=4 cellspacing=0 class=print>
	<TR><TH>Orders Delivered<TH>Cash<TH>EFT<TH>