1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+
4
+ < head >
5
+ < meta charset ="UTF-8 ">
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7
+ < title > Billing report</ title >
8
+
9
+ < style >
10
+ body {
11
+ background-image : url ("https://media.istockphoto.com/photos/shopping-cart-view-in-supermarket-aisle-with-product-shelves-abstract-picture-id838816102?k=6&m=838816102&s=612x612&w=0&h=uPCuplmaLnfDesOl422jsccqTHwDvnAh5L0ydxa3HRA=" );
12
+ background-repeat : no-repeat;
13
+ background-attachment : fixed;
14
+ background-size : cover;
15
+ }
16
+
17
+ .button10 {
18
+ background-color : # 9dd184ee ;
19
+ margin-left : -20px ;
20
+ border-radius : 4px ;
21
+ width : 50px ;
22
+ height : 25px ;
23
+ font-size : x-small;
24
+ margin-right : 20px ;
25
+ cursor : pointer;
26
+ }
27
+
28
+ button : hover {
29
+ background-color : # 4574a0e0 ;
30
+ }
31
+
32
+ .divh {
33
+ height : 70px ;
34
+ border : solid;
35
+ background-color : dimgrey;
36
+ }
37
+
38
+ .log > button {
39
+ top : 35px ;
40
+ right : 30px ;
41
+ background-color : rgb (161 , 152 , 152 );
42
+ color : rgb (146 , 62 , 62 );
43
+ border : solid rgb (130 , 131 , 130 ) 3px ;
44
+ position : absolute;
45
+ z-index : 10 ;
46
+ }
47
+
48
+ .div3 {
49
+ margin-top : 15px ;
50
+ width : 1160px ;
51
+ margin-left : 165px ;
52
+ padding : 5px ;
53
+ border : solid rgba (93 , 93 , 93 , 0.986 );
54
+ ;
55
+ dis play: flow- root;
56
+ padding- left: 10px;
57
+ bor der- radius: 10px;
58
+ background- color : rgba(190, 190, 190, 0.801);
59
+ }
60
+
61
+ input {
62
+ border-radius : 5px ;
63
+ margin : 20px ;
64
+ width : 250px ;
65
+ height : 20px ;
66
+ }
67
+
68
+ .btn1 {
69
+ margin-left : -20px ;
70
+ border-radius : 500px ;
71
+ width : 42px ;
72
+ height : 20px ;
73
+ font-size : x-small;
74
+ margin-right : 20px ;
75
+ }
76
+
77
+ input [type = date ],
78
+ select {
79
+ width : 200px ;
80
+ padding : 12px 20px ;
81
+ margin : 8px 0 ;
82
+ display : inline-block;
83
+ border : 1px solid # ccc ;
84
+ border-radius : 4px ;
85
+ box-sizing : border-box;
86
+ }
87
+
88
+ .div4 {
89
+ margin-top : 3px ;
90
+ width : 1160px ;
91
+ margin-left : 165px ;
92
+ padding : 5px ;
93
+ border : solid rgb (131 , 130 , 130 );
94
+ display : flex;
95
+ height : 385px ;
96
+ border-radius : 10px ;
97
+ background-color : rgba (200 , 200 , 200 , 0.801 );
98
+ }
99
+
100
+ .btn2 {
101
+ width : 65px ;
102
+ height : 30px ;
103
+ margin-top : -90px ;
104
+ }
105
+
106
+ .sidenav {
107
+ height : 400px ;
108
+ width : 165px ;
109
+ position : fixed;
110
+ z-index : 1 ;
111
+ top : 100px ;
112
+ left : 0 ;
113
+ background-color : rgba (187 , 187 , 187 , 0.924 );
114
+ border : solid darkslategrey 2px ;
115
+ border-radius : 5px ;
116
+ border-left : none;
117
+ overflow-x : hidden;
118
+ transition : 0.5s ;
119
+ padding-top : 10px ;
120
+ }
121
+
122
+ .sidenav a : hover {
123
+ color : # f1f1f1 ;
124
+ }
125
+
126
+ @media screen and (max-height : 450px ) {
127
+ .sidenav {
128
+ padding-top : 15px ;
129
+ }
130
+ .sidenav a {
131
+ font-size : 18px ;
132
+ }
133
+ }
134
+
135
+ .btn-group button {
136
+ background-color : rgba (243 , 224 , 224 , 0.849 );
137
+ /* Green background */
138
+ border : 2px solid rgba (11 , 16 , 27 , 0.931 );
139
+ /* Green border */
140
+ margin-left : -2px ;
141
+ margin-top : 20px ;
142
+ color : rgba (0 , 0 , 0 , 0.89 );
143
+ /* White text */
144
+ padding : 3px 6px ;
145
+ /* Some padding */
146
+ cursor : pointer;
147
+ /* Pointer/hand icon */
148
+ width : 150px ;
149
+ height : 35px ;
150
+ font-weight : bold;
151
+ /* Set a width if needed */
152
+ display : block;
153
+ border-top-right-radius : 20px ;
154
+ border-bottom-right-radius : 20px
155
+ /* Make the buttons appear below each other */
156
+ }
157
+ /* Add a background color on hover */
158
+
159
+ .btn-group button : hover {
160
+ background-color : rgba (127 , 102 , 216 , 0.795 );
161
+ }
162
+
163
+ .div5 {
164
+ margin-top : 20px ;
165
+ margin-left : 60px ;
166
+ height : 347px ;
167
+ width : 1020px ;
168
+ border : solid 1px ;
169
+ }
170
+
171
+ .div6 {
172
+ height : 317px ;
173
+ width : 1020px ;
174
+ overflow : scroll;
175
+ }
176
+
177
+ table {
178
+ width : 1000px ;
179
+ text-align : center;
180
+ border-collapse : collapse;
181
+ border : 1px solid black;
182
+ border-radius : 5px ;
183
+ }
184
+
185
+ td ,
186
+ th {
187
+ border : 1px solid black;
188
+ padding : 3px ;
189
+ }
190
+
191
+ .div7 {
192
+ margin-top : 150px ;
193
+ margin-left : 20px ;
194
+ }
195
+
196
+ .div7 > form > input {
197
+ width : 70px ;
198
+ border-radius : 0 ;
199
+ margin : 5px ;
200
+ }
201
+
202
+ .btn3 {
203
+ margin : 10px ;
204
+ width : 80px ;
205
+ height : 25px ;
206
+ margin-left : 30px ;
207
+ }
208
+
209
+ .div8 {
210
+ border-bottom : 5px gray groove;
211
+ position : relative;
212
+ width : 700px ;
213
+ z-index : 8 ;
214
+ height : 29px ;
215
+ margin-top : -1px ;
216
+ margin-left : 100px ;
217
+ }
218
+
219
+ .btn4 {
220
+ border : solid darkslategrey 3px ;
221
+ border-bottom : none;
222
+ margin-left : 60px ;
223
+ height : 45px ;
224
+ width : 100px ;
225
+ margin-top : -50px ;
226
+ }
227
+
228
+ .btn4 : hover {
229
+ background-color : dimgray;
230
+ }
231
+
232
+ .div9 {
233
+ position : relative;
234
+ z-index : 9 ;
235
+ background-color : rgba (199 , 199 , 199 , 0.931 );
236
+ border : solid 1px ;
237
+ width : 800px ;
238
+ height : 60px ;
239
+ margin-top : -60px ;
240
+ display : none;
241
+ padding : 0 ;
242
+ }
243
+
244
+ .btn5 {
245
+ margin-left : 20px ;
246
+ }
247
+
248
+ .log > button {
249
+ top : 35px ;
250
+ right : 30px ;
251
+ background-color : rgb (161 , 152 , 152 );
252
+ color : rgb (146 , 62 , 62 );
253
+ border : solid rgb (130 , 131 , 130 ) 3px ;
254
+ position : absolute;
255
+ z-index : 10 ;
256
+ }
257
+ </ style >
258
+ </ head >
259
+
260
+ < body >
261
+ < div class ="divh ">
262
+ < center >
263
+ < h1 > BILLING REPORT</ h1 >
264
+ </ center >
265
+ < form action ="index " method ="POST " class ="log "> < button type ="submit "> Logout</ button > </ form >
266
+ </ div >
267
+ < div id ="mySidenav " class ="sidenav ">
268
+ < div class ="btn-group ">
269
+ < button type ="submit " formaction ="editstaff "> Manage Employee</ button >
270
+ < button type ="submit " formaction ="Stock "> Manage Stocks</ button >
271
+ < button type ="submit " formaction ="Price "> Price Management</ button >
272
+ < button type ="submit " formaction ="billreport "> Billing report</ button >
273
+ < button type ="submit " formaction ="locator "> Product Locator</ button >
274
+ < button type ="submit " formaction ="change details "> Other Details</ button >
275
+ < button type ="submit " formaction ="index "> Logout</ button >
276
+ </ div >
277
+ </ div >
278
+ < form action ="index " method ="POST " class ="log "> < button type ="submit "> Logout</ button > </ form >
279
+ </ div >
280
+
281
+ < div class ="div3 ">
282
+
283
+ < form action ="sreport " method ="post "> < label for ="billid "> ItmId:</ label > < input type ="text " name ="itmid " id ="billid " placeholder ="Enter Bill Number ">
284
+ < button type ="submit " class ="button10 " name ="status " value ="1 "> search</ button >
285
+ < button type ="submit " class ="button10 " name ="status " value ="2 "> All</ button >
286
+ <!-- <label for="dob">From date:</label> -->
287
+ <!-- <input type="date" id="from" name="fdate"> -->
288
+ <!-- <label for="dob">To date:</label> -->
289
+ <!-- <input type="date" id="from" name="tdate"> -->
290
+ </ form >
291
+ < script >
292
+ document . write ( '<lable style="margin-top: 25px;">Name:</lable><input type="text" name="cutname" id="custname" value=' + a [ 2 ] + ' readonly>' )
293
+ document . write ( '<h2 style="margin-left:30px;">' + a [ 3 ] + '</h2>' )
294
+ </ script >
295
+
296
+ </ div >
297
+ < div class ="div4 ">
298
+ < br >
299
+ < div class ="div5 ">
300
+ < table >
301
+ < tr >
302
+ < th > Item ID</ th >
303
+ < th > ITEM Name</ th >
304
+ < th > Qnty</ th >
305
+ < th > Stock</ th >
306
+ < th > Total_Sales</ th >
307
+ < th > Date</ th >
308
+ </ tr >
309
+ </ table >
310
+ < div class ="div6 ">
311
+ < table >
312
+ < script >
313
+ var v = [ [ 1 , 2 , 3 , 4 , 5 ] ]
314
+ for ( i in v ) {
315
+ document . write ( "<tr>" )
316
+
317
+ document . write ( "<td style='width:159px;'>" + v [ i ] [ 0 ] + "</td><td style='width:247px;'>" + v [ i ] [ 1 ] + "</td><td style='width:109px;'>" + v [ i ] [ 2 ] + "</td><td style='width:118px;'>" + v [ i ] [ 3 ] + "</td><td style='width:225px;'>" + v [ i ] [ 4 ] + "</td><td>" + v [ i ] [ 5 ] + "</td>" )
318
+
319
+ document . write ( "</tr>" )
320
+ }
321
+ </ script >
322
+ </ table >
323
+ </ div >
324
+ </ div >
325
+
326
+ </ body >
327
+
328
+ </ html >
0 commit comments