-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
152 lines (126 loc) · 7.4 KB
/
index.html
File metadata and controls
152 lines (126 loc) · 7.4 KB
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
141
142
143
144
145
146
147
148
149
150
151
152
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="img/logo-removebg-preview.png">
<title>اقبال گلاس ھاؤس اینڈ پینٹ سٹور</title>
<!-- For Bootstrap-->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- CSS For Print Format -->
<link rel="stylesheet" media="print" href="invoiceprint.css">
<!-- CSS For Invoice -->
<link rel="stylesheet" href="invoice.css">
<!-- jQuery CDN -->
<script src="bootstrap/js/jquery-3.7.1.js"></script>
<!-- For Invoice -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div class="container custom-margin px-0">
<div class="card rounded-5 height">
<div class="container-fluid bg-color card-header border-bottom-0 px-2">
<button type="button" class="btn btn-primary bg-color-blue" onclick="GetPrint()">Print</button>
<div class="row mt-3 custom-margin-none">
<div class="col-lg-4 col-12 d-flex justify-content-center justify-content-lg-start">
</div>
<div class="col-lg-8 col-12 mt-lg-1 px-0">
<!-- for large screen -->
<h1 class="text-end heading0-font mb-0 txt-color d-lg-block d-none pe-2">اقبال گلاس ہاؤس
ہارڈویئر اینڈ پینٹ سٹور</h1>
<!-- for small screen-->
<h1 class="d-flex justify-content-center justify-content-lg-end pe-lg-3 heading-small-1 mb-0 txt-color d-lg-none d-md-none d-block">اقبال گلاس ہاؤس</h1>
<h1 class="d-flex justify-content-center justify-content-lg-end pe-lg-3 heading-small-2 mb-0 txt-color d-lg-none d-md-none d-block">ہارڈویئر اینڈ پینٹ سٹور</h1>
<h5 class="d-flex justify-content-center pe-lg-3 heading1-font txt-color heading-small-3">ریلوے روڈ ترنڈہ سوائے خان</h5>
<h5 class="d-flex justify-content-center pe-lg-3 heading-small-4 d-block d-lg-none txt-color">CONTACT: 0305-8788253, 0304-7243635</h5>
<div class="input-group justify-content-center mb-2">
<input type="text" id="datetimeInput" class="hide-focus bg-input txt-color">
<span class="input-font-date txt-color">تاریخ/ٹائم</span>
</div>
</div>
</div>
</div>
<div class="card-body px-0 px-lg-4 body-color pt-0 px-2">
<div class="row">
<div class="col-md-12 col-lg-12 col-12">
<div class="row">
<div class="col-lg-4 col-12 order-lg-3">
<div class="input-group mb-2">
<input type="text" class="form-control hide-focus text-end table-row-font-1 border-black">
<span class="input-group-text custom-width input-font d-flex justify-content-end border-black">نام</span>
</div>
</div>
<div class="col-lg-4 col-12 order-lg-2">
<div class="input-group mb-2">
<input type="number" min="11" class="form-control hide-focus text-end table-row-font-1 border-black">
<span class="input-group-text custom-width input-font d-flex justify-content-end border-black">موبائل نمبر</span>
</div>
</div>
<!-- <div class="col-lg-6 col-12 order-lg-3">
<div class="input-group mb-2">
<input type="text" id="datetimeInput" class="form-control hide-focus text-end table-row-font-1">
<span class="input-group-text custom-width input-font d-flex justify-content-end ">تاریخ/ٹائم</span>
</div>
</div> -->
<div class="col-lg-4 col-12 order-lg-1">
<div class="input-group mb-2">
<input type="text" class="form-control hide-focus text-end table-row-font-1 border-black">
<span class="input-group-text custom-width input-font d-flex justify-content-end border-black">پتہ</span>
</div>
</div>
</div>
</div>
</div>
<table class="table border-black">
<thead class="" style="background-color:#447EAE">
<tr class="" >
<th scope="col" class="NoPrint">
<button type="button" class="btn btn-sm btn-success" onclick="BtnAdd()">+</button>
</th>
<th scope="col" class="col-3 text-end input-table-font border-black">رقم</th>
<th scope="col" class="col-3 text-end input-table-font border-black">ریٹ</th>
<th scope="col" class="col-3 text-end input-table-font border-black">عدد</th>
<th scope="col" class="col-4 text-end input-table-font border-black">تفصیل</th>
<th scope="col" class="col-1 text-end input-table-font border-black">نمبر</th>
</tr>
</thead>
<tbody id="TBody">
<tr id="TRow" class="d-none">
<td class="NoPrint"><button type="button" class="btn btn-sm btn-danger" onclick="BtnDel(this)">X</button>
</td>
<td class="p-0 border-black"><textarea class="form-control text-end hide-focus table-row-font" name="amt" value="0" disabled=""></textarea></td>
<td class="p-0 border-black"><textarea class="form-control text-end hide-focus table-row-font" name="rate" onchange="Calc(this);"></textarea></td>
<td class="p-0 border-black"><textarea class="form-control text-end hide-focus table-row-font" name="qty" onchange="Calc(this);"></textarea></td>
<td class="p-0 border-black"><textarea class="form-control text-end hide-focus table-row-font "></textarea></td>
<th scope="row" class="table-row-font border-black text-end">1</th>
</tr>
</tbody>
</table>
<div class="row">
<div class="col-md-4 col-lg-4 col-8">
<div class="input-group mb-2 mt-0">
<input type="number" class="form-control text-end table-row-font border-black" id="FTotal" name="FTotal" disabled="">
<span class="input-group-text custom-width-1 d-flex justify-content-end input-font border-black">ٹوٹل رقم</span>
</div>
<div class="input-group mb-2">
<input type="number" class="form-control text-end hide-focus table-row-font border-black" id="FGST" name="FGST" onchange="GetTotal()">
<span class="input-group-text custom-width-1 d-flex justify-content-end input-font border-black">جمع رقم</span>
</div>
<div class="input-group mb-3">
<input type="number" class="form-control text-end table-row-font border-black" id="FNet" name="FNet" disabled="">
<span class="input-group-text custom-width-1 d-flex justify-content-end input-font border-black">بقایارقم</span>
</div>
</div>
<div class="col-md-8 col-lg-8 col-4">
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap Bundle JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
</body>
</html>