-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
199 lines (191 loc) · 11.8 KB
/
index.php
File metadata and controls
199 lines (191 loc) · 11.8 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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cheque Printing Software - Home</title>
<?php include_once('./layout/css.php'); ?>
</head>
<body>
<?php include_once('./layout/navbar.php'); ?>
<main class="container page-shell">
<section class="page-hero cheque-title">
<div class="page-hero__content">
<div>
<p class="page-hero__eyebrow">Cheque Workspace</p>
<h1>Print-ready cheque layouts with a clearer, faster workflow.</h1>
<p>Switch between single and bulk cheque printing, adjust visibility, and validate the printed layout from one focused workspace.</p>
</div>
<div class="hero-stats">
<div class="hero-stat">
<strong>Modes</strong>
<span>Single and bulk print flows</span>
</div>
<div class="hero-stat">
<strong>Support</strong>
<span>Multi-language and bank positioning</span>
</div>
</div>
</div>
</section>
<section class="workspace-grid">
<div class="surface-card control-panel">
<div class="surface-card__header">
<div>
<span class="section-badge">Controls</span>
<h2>Cheque setup</h2>
<p>All print inputs stay on the left so the preview remains visible while you edit.</p>
</div>
</div>
<div class="surface-card__body">
<form name="chequeForm" class="cheque-form control-stack" autocomplete="off">
<div class="control-group">
<h3>Print mode</h3>
<div class="chip-grid">
<div class="switch-card">
<div class="form-check form-switch">
<label class="form-check-label" for="chequeToggle">Single Cheque Print</label>
<input class="form-check-input" type="checkbox" role="switch" id="chequeToggle">
</div>
</div>
<div class="switch-card">
<div class="form-check form-switch">
<label class="form-check-label" for="chequeNameToggle">Show Name</label>
<input class="form-check-input" type="checkbox" role="switch" id="chequeNameToggle" checked>
</div>
</div>
<div class="switch-card">
<div class="form-check form-switch">
<label class="form-check-label" for="chequeAmountToggle">Show Amount</label>
<input class="form-check-input" type="checkbox" role="switch" id="chequeAmountToggle" checked>
</div>
</div>
<div class="switch-card">
<div class="form-check form-switch">
<label class="form-check-label" for="chequeDateToggle">Show Date</label>
<input class="form-check-input" type="checkbox" role="switch" id="chequeDateToggle" checked>
</div>
</div>
</div>
</div>
<div class="control-group">
<h3>Format</h3>
<div class="row g-3">
<div class="col-md-6">
<label for="chequeFormLanguage" class="form-label">Language</label>
<select class="form-select" id="chequeFormLanguage">
<option value="en-IN">English</option>
<option value="mr-IN">Marathi</option>
<option value="hi-IN">Hindi</option>
</select>
</div>
<div class="col-md-6">
<label for="chequeFormType" class="form-label">Cheque type</label>
<select class="form-select" id="chequeFormType">
<option value="Bearer">Bearer</option>
<option value="Order">Order</option>
<option value="Crossed">Crossed</option>
<option value="Payee">Payee</option>
<option value="Payee Not Nigotiable">Payee Not Nigotiable</option>
<option value="Cancel">Cancel</option>
<option value="Self">Self</option>
</select>
</div>
<div class="col-md-12">
<label for="chequeFormBank" class="form-label">Bank profile</label>
<select class="form-select" id="chequeFormBank">
<option value="">Select Bank</option>
<option value="Axis Bank">Axis Bank</option>
<option value="ICICI Bank">ICICI Bank</option>
<option value="HDFC Bank">HDFC Bank</option>
<option value="PDCCB Pune">PDCCB Pune</option>
<option value="Union Bank">Union Bank</option>
</select>
</div>
</div>
</div>
<div class="control-group">
<h3>Cheque data</h3>
<div class="row g-3">
<div class="col-md-6 single-cheque">
<label for="chequeFormDate" class="form-label">Date</label>
<input type="text" class="form-control" id="chequeFormDate" placeholder="Date">
</div>
<div class="col-md-6">
<label for="noOfPages" class="form-label">Pages</label>
<input type="text" class="form-control" id="noOfPages" placeholder="No of Pages">
</div>
<div class="col-md-12 single-cheque">
<label for="chequeFormName" class="form-label">Payee name</label>
<input type="text" class="form-control" id="chequeFormName" list="names" placeholder="Name">
<datalist id="names">
<option value="Payee Name">
<option value="Sandip Baliram Tawhare">
<option value="संदिप बळीराम टावà¥à¤¹à¤°à¥‡">
<option value="Kunda Baliram Tawhare">
<option value="कà¥à¤‚दा बळीराम टावà¥à¤¹à¤°à¥‡">
<option value="Axis Bank Card No. (6529-2210-1374-6798)">
<option value="अशोक किसन जाधव">
</datalist>
</div>
<div class="col-md-12 single-cheque">
<label for="chequeFormAmount" class="form-label">Amount</label>
<input type="text" class="form-control" id="chequeFormAmount" pattern="^\d+(?:\.\d+)?$" placeholder="Amount">
</div>
<div class="col-md-12 multiple-cheque d-none">
<label for="formFile" class="form-label">Excel file</label>
<input class="form-control" type="file" id="formFile" accept=".xlsx">
</div>
<div class="col-md-12 multiple-cheque d-none">
<div class="field-card">
<strong class="d-block mb-2">Bulk import template</strong>
<a href="./assets/sample.xlsx">Download sample workbook</a>
</div>
</div>
</div>
</div>
<button class="btn btn-primary w-100 front-print-btn">Print</button>
</form>
</div>
</div>
<div class="surface-card">
<div class="surface-card__header">
<div>
<span class="section-badge">Preview</span>
<h2>Live cheque canvas</h2>
<p>The rendering area keeps the print-safe cheque output centered and easy to inspect.</p>
</div>
</div>
<div class="surface-card__body">
<div class="preview-shell">
<div class="preview-toolbar">
<p>Adjust fields on the left and review the exact placement before printing.</p>
<span class="section-badge">Live render</span>
</div>
<div class="preview-canvas">
<div class="preview-frame">
<div class="print-container">
<div class="print-page">
<div class="cheque-container front text-uppercase">
<div class="cheque-ac-payee"> A/C Payee Only </div>
<div class="cheque-name"></div>
<div class="cheque-date">
<div class="row m-0"></div>
</div>
<div class="cheque-amount"></div>
<div class="cheque-amount-word"></div>
</div>
</div>
</div>
</div>
</div>
<p class="page-note">For bulk mode, upload the workbook and the preview will expand into multiple cheque pages automatically.</p>
</div>
</div>
</div>
</section>
</main>
<?php include_once('./layout/js.php'); ?>
<script src="./assets/js/cheque-front.js"></script>
</body>
</html>