Skip to content

Commit 9b35538

Browse files
authored
Add files via upload
1 parent 596435a commit 9b35538

37 files changed

+17822
-0
lines changed

Bill_op.htm

Lines changed: 328 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,328 @@
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+
display: flow-root;
56+
padding-left: 10px;
57+
border-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

Comments
 (0)