-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhotelpendingorders.html
140 lines (134 loc) · 5.1 KB
/
hotelpendingorders.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous"
/>
<!-- Font Awesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
/>
<!-- Custom Style -->
<link rel="stylesheet" href="style101.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Crisp_N_Crumps | Online Food Delivery App</title>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
</head>
<body
background="img/d1.jpeg" background-repeat: no-repeat>
<div
class="desktop header"
data-testid="item components"
role="banner"
data-id="root-header">
<nav id="navbar9">
<div id="logo9">
<img
src="img/logo11.png"
alt="Image not found. Reload or check network connection."/>
</div>
<ul>
<li class="item"><a href="hotelitemdisplay.html">Menu</a></li>
<li class="item"><a href="hotelpendingorders.html">Pending Orders</a></li>
<li class="item"><a href="hotelorderhistory.html">Order History</a></li>
<li class="item"><a href="hotelaboutus.html">About Us</a></li>
<li class="item"><a href="hotelcontactus.html">Contact Us</a></li>
</ul>
</nav>
</div>
<div class="wrapper">
<div class="sidebar">
<ul>
<li><a href="hotelitemdisplay.html"><i class="fas fa-home"></i>Menu</a></li>
<li><a href="hotelpendingorders.html"><i class="fas fa-project-diagram"></i>Pending Orders</a></li>
<li><a href="hotelorderhistory.html"><i class="fas fa-project-diagram"></i>Order History</a></li>
<li><a href="hotelaboutus.html"><i class="fas fa-address-card"></i>About Us</a></li>
<li><a href="hotelcontactus.html"><i class="fas fa-address-book"></i>Contact Us </a></li>
<li><a href="index.html"><i class="fas fa-home"></i>Log Out</a></li>
</ul>
</div>
<div style="margin: left 101px;">
<div class="main_content">
<h2 class="header">Pending Orders: </h2>
</div>
<br>
</div>
</div>
<div>
<table class ="center" style=" background-repeat:no-repeat; width:850px;margin: left 100px;text-align:center;" cellpadding="0" cellspacing="0" border=black>
<th class="name-row">No.</th>
<th class="name-row">Date</th>
<th class="name-row">Order name</th>
<th class="name-row">Quantity</th>
<th class="name-row">Delivery Address</th>
<th class="name-row"></th>
<th class="name-row"></th>
<tbody style="font-weight: normal;font-family:Arial;color:#273746">
{% for item in orderitems %}
<tr>
<td class="name-row">{{serial number}}</td>
<td class="name-row">{{item.Date}}</td>
<td class="name-row">{{item.itemname}}</td>
<td class="name-row">{{item.itemcount}}</td>
<td class="name-row">{{item.deliveryaddress}}</td>
<td >
<input type='submit' value='Accept' id='btClickMe1'
onclick='save1();
this.onclick = null;
this.setAttribute("style", "color: #ccc", "background-color:chartreuse");' /><p id="msg1"></p>
</td>
<td >
<input type='submit' value='Decline' id='btClickMe2'
onclick='save2();
this.onclick = null;
this.setAttribute("style", "color: #ccc");' /><p id="msg2"></p>
</td>
</tbody>
</tr>
{% endfor %}
</table>
</div>
<script
src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"
></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"
></script>
</body>
<script>
var n = 0;
function save1() {
var msg1 = document.getElementById('msg1');
msg1.innerHTML = 'Order Accepted!';
console.log(n + 1);
}
</script>
<script>
var n = 0;
function save2() {
var msg2 = document.getElementById('msg2');
msg2.innerHTML = 'Order Declined!';
console.log(n + 1);
}
</script>
</html>