tango-app-api-payment-subscription 3.0.60-dev → 3.0.62-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.cjs +1 -1
- package/index.js +5 -1
- package/package.json +3 -3
- package/src/controllers/billing.controllers.js +672 -0
- package/src/controllers/invoice.controller.js +1011 -0
- package/src/controllers/payment.controller.js +47 -0
- package/src/controllers/paymentSubscription.controllers.js +221 -100
- package/src/dtos/validation.dtos.js +149 -5
- package/src/hbs/invoicePdf.hbs +134 -44
- package/src/hbs/invoicePdf1.hbs +1577 -0
- package/src/hbs/invoicepaymentemail.hbs +925 -0
- package/src/routes/billing.routes.js +50 -0
- package/src/routes/invoice.routes.js +13 -0
- package/src/routes/payment.routes.js +26 -0
- package/src/routes/paymentSubscription.routes.js +2 -0
- package/src/services/billing.service.js +34 -0
- package/src/services/invoice.service.js +4 -0
- package/src/services/paymentAccount.service.js +11 -0
|
@@ -0,0 +1,925 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.emailers,
|
|
7
|
+
.emailers * {
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.emailers {
|
|
12
|
+
background: #ffffff;
|
|
13
|
+
border-radius: 12px;
|
|
14
|
+
border-style: solid;
|
|
15
|
+
border-color: var(--gray-300, #d0d5dd);
|
|
16
|
+
border-width: 1px;
|
|
17
|
+
padding: 0px 52px 0px 52px;
|
|
18
|
+
flex-direction: column;
|
|
19
|
+
gap: 16px;
|
|
20
|
+
row-gap: 0px;
|
|
21
|
+
align-items: flex-start;
|
|
22
|
+
justify-content: flex-start;
|
|
23
|
+
flex-shrink: 0;
|
|
24
|
+
position: relative;
|
|
25
|
+
overflow: hidden;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.email-template-header {
|
|
29
|
+
background: #ffffff;
|
|
30
|
+
padding: 40px 48px 40px 0px;
|
|
31
|
+
display: flex;
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
gap: 10px;
|
|
34
|
+
row-gap: 0px;
|
|
35
|
+
align-items: flex-start;
|
|
36
|
+
justify-content: center;
|
|
37
|
+
flex-shrink: 0;
|
|
38
|
+
width: 640px;
|
|
39
|
+
position: relative;
|
|
40
|
+
padding: 2% 0% 2% 0%;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.logo-text {
|
|
44
|
+
flex-shrink: 0;
|
|
45
|
+
width: 143px;
|
|
46
|
+
height: 32px;
|
|
47
|
+
position: relative;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.logo {
|
|
51
|
+
display: flex;
|
|
52
|
+
flex-direction: row;
|
|
53
|
+
gap: 0px;
|
|
54
|
+
align-items: flex-start;
|
|
55
|
+
justify-content: flex-start;
|
|
56
|
+
width: 143px;
|
|
57
|
+
position: absolute;
|
|
58
|
+
left: 0px;
|
|
59
|
+
top: 0px;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.logo-wrap {
|
|
63
|
+
flex-shrink: 0;
|
|
64
|
+
width: 142px;
|
|
65
|
+
height: 32px;
|
|
66
|
+
position: relative;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.logomark {
|
|
70
|
+
display: flex;
|
|
71
|
+
flex-direction: row;
|
|
72
|
+
gap: 0px;
|
|
73
|
+
align-items: flex-start;
|
|
74
|
+
justify-content: flex-start;
|
|
75
|
+
width: 22.54%;
|
|
76
|
+
height: 100%;
|
|
77
|
+
position: absolute;
|
|
78
|
+
right: 77.46%;
|
|
79
|
+
left: 0%;
|
|
80
|
+
bottom: 0%;
|
|
81
|
+
top: -10%;
|
|
82
|
+
box-shadow: var(--shadow-sm-box-shadow,
|
|
83
|
+
0px 1px 2px 0px rgba(16, 24, 40, 0.06),
|
|
84
|
+
0px 1px 3px 0px rgba(16, 24, 40, 0.1));
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.group-1 {
|
|
88
|
+
flex-shrink: 0;
|
|
89
|
+
width: 32px;
|
|
90
|
+
height: 32px;
|
|
91
|
+
position: relative;
|
|
92
|
+
overflow: visible;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.group-2 {
|
|
96
|
+
width: 70.42%;
|
|
97
|
+
height: 71.06%;
|
|
98
|
+
position: absolute;
|
|
99
|
+
right: 0%;
|
|
100
|
+
left: 29.58%;
|
|
101
|
+
bottom: 13.31%;
|
|
102
|
+
top: 15.62%;
|
|
103
|
+
overflow: visible;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.divider {
|
|
107
|
+
margin-top: 3%;
|
|
108
|
+
border-style: solid;
|
|
109
|
+
border-color: var(--greyscale-300, #cbd5e1);
|
|
110
|
+
border-width: 1px 0 0 0;
|
|
111
|
+
align-self: stretch;
|
|
112
|
+
flex-shrink: 0;
|
|
113
|
+
height: 0px;
|
|
114
|
+
position: relative;
|
|
115
|
+
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.content-email {
|
|
119
|
+
|
|
120
|
+
flex-direction: column;
|
|
121
|
+
gap: 40px;
|
|
122
|
+
row-gap: 0px;
|
|
123
|
+
align-items: flex-start;
|
|
124
|
+
justify-content: flex-start;
|
|
125
|
+
flex-shrink: 0;
|
|
126
|
+
|
|
127
|
+
position: relative;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.content {
|
|
131
|
+
|
|
132
|
+
flex-direction: column;
|
|
133
|
+
gap: 24px;
|
|
134
|
+
row-gap: 0px;
|
|
135
|
+
align-items: flex-start;
|
|
136
|
+
justify-content: flex-start;
|
|
137
|
+
flex-shrink: 0;
|
|
138
|
+
|
|
139
|
+
position: relative;
|
|
140
|
+
margin-top: 3%;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.payment-due {
|
|
144
|
+
color: var(--greyscale-900, #121a26);
|
|
145
|
+
text-align: left;
|
|
146
|
+
font-family: var(--heading-h4-font-family, "Inter-Bold", sans-serif);
|
|
147
|
+
font-size: var(--heading-h4-font-size, 24px);
|
|
148
|
+
line-height: var(--heading-h4-line-height, 140%);
|
|
149
|
+
font-weight: var(--heading-h4-font-weight, 700);
|
|
150
|
+
position: relative;
|
|
151
|
+
align-self: stretch;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.invoicecontent {
|
|
155
|
+
color: var(--greyscale-700, #384860);
|
|
156
|
+
text-align: left;
|
|
157
|
+
font-family: "Inter-Regular", sans-serif;
|
|
158
|
+
font-size: 16px;
|
|
159
|
+
line-height: 150%;
|
|
160
|
+
letter-spacing: 0.2px;
|
|
161
|
+
font-weight: 400;
|
|
162
|
+
position: relative;
|
|
163
|
+
align-self: stretch;
|
|
164
|
+
margin-top: 3%;
|
|
165
|
+
margin-bottom: 3%;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.content-plan {
|
|
169
|
+
background: var(--greyscale-100, #f1f5f9);
|
|
170
|
+
border-radius: 8px;
|
|
171
|
+
border-style: solid;
|
|
172
|
+
border-color: var(--greyscale-200, #e2e8f0);
|
|
173
|
+
border-width: 1px;
|
|
174
|
+
padding: 28px;
|
|
175
|
+
display: flex;
|
|
176
|
+
flex-direction: column;
|
|
177
|
+
gap: 10px;
|
|
178
|
+
row-gap: 0px;
|
|
179
|
+
align-items: flex-start;
|
|
180
|
+
justify-content: center;
|
|
181
|
+
align-self: stretch;
|
|
182
|
+
flex-shrink: 0;
|
|
183
|
+
position: relative;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.virtualdetails {
|
|
187
|
+
flex-direction: column;
|
|
188
|
+
gap: 24px;
|
|
189
|
+
row-gap: 0px;
|
|
190
|
+
align-items: flex-start;
|
|
191
|
+
justify-content: flex-start;
|
|
192
|
+
flex-shrink: 0;
|
|
193
|
+
position: relative;
|
|
194
|
+
width: 100%;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.virtual-account-details {
|
|
198
|
+
color: var(--greyscale-900, #121a26);
|
|
199
|
+
text-align: left;
|
|
200
|
+
font-family: var(--heading-h6-font-family, "Inter-Bold", sans-serif);
|
|
201
|
+
font-size: var(--heading-h6-font-size, 18px);
|
|
202
|
+
line-height: var(--heading-h6-line-height, 150%);
|
|
203
|
+
font-weight: var(--heading-h6-font-weight, 700);
|
|
204
|
+
position: relative;
|
|
205
|
+
margin-bottom: 2%;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
.features {
|
|
209
|
+
display: flex;
|
|
210
|
+
flex-direction: row;
|
|
211
|
+
gap: 56px;
|
|
212
|
+
row-gap: 0px;
|
|
213
|
+
align-items: flex-start;
|
|
214
|
+
justify-content: flex-start;
|
|
215
|
+
flex-shrink: 0;
|
|
216
|
+
position: relative;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
.feature-left {
|
|
220
|
+
display: flex;
|
|
221
|
+
flex-direction: column;
|
|
222
|
+
gap: 24px;
|
|
223
|
+
row-gap: 0px;
|
|
224
|
+
align-items: flex-start;
|
|
225
|
+
justify-content: center;
|
|
226
|
+
flex-shrink: 0;
|
|
227
|
+
position: relative;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
.features2 {
|
|
231
|
+
display: flex;
|
|
232
|
+
flex-direction: row;
|
|
233
|
+
gap: 8px;
|
|
234
|
+
row-gap: 0px;
|
|
235
|
+
align-items: center;
|
|
236
|
+
justify-content: center;
|
|
237
|
+
flex-shrink: 0;
|
|
238
|
+
position: relative;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
.org {
|
|
242
|
+
flex-shrink: 0;
|
|
243
|
+
width: 20px;
|
|
244
|
+
height: 20px;
|
|
245
|
+
position: relative;
|
|
246
|
+
overflow: visible;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.account-number-12457687989577 {
|
|
250
|
+
color: var(--greyscale-900, #121a26);
|
|
251
|
+
text-align: left;
|
|
252
|
+
font-family: "Inter-Medium", sans-serif;
|
|
253
|
+
font-size: 16px;
|
|
254
|
+
line-height: 150%;
|
|
255
|
+
letter-spacing: 0.2px;
|
|
256
|
+
font-weight: 500;
|
|
257
|
+
position: relative;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
.feature-right {
|
|
261
|
+
display: flex;
|
|
262
|
+
flex-direction: column;
|
|
263
|
+
gap: 24px;
|
|
264
|
+
row-gap: 0px;
|
|
265
|
+
align-items: flex-start;
|
|
266
|
+
justify-content: center;
|
|
267
|
+
flex-shrink: 0;
|
|
268
|
+
position: relative;
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
.org2 {
|
|
272
|
+
flex-shrink: 0;
|
|
273
|
+
width: 20px;
|
|
274
|
+
height: 20px;
|
|
275
|
+
position: relative;
|
|
276
|
+
overflow: visible;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
.ifsc-code-sbi-0208 {
|
|
280
|
+
color: var(--greyscale-900, #121a26);
|
|
281
|
+
text-align: left;
|
|
282
|
+
font-family: "Inter-Medium", sans-serif;
|
|
283
|
+
font-size: 16px;
|
|
284
|
+
line-height: 150%;
|
|
285
|
+
letter-spacing: 0.2px;
|
|
286
|
+
font-weight: 500;
|
|
287
|
+
position: relative;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
.tabframe1 {
|
|
291
|
+
flex-direction: column;
|
|
292
|
+
gap: 8px;
|
|
293
|
+
row-gap: 0px;
|
|
294
|
+
align-items: flex-start;
|
|
295
|
+
justify-content: flex-start;
|
|
296
|
+
align-self: stretch;
|
|
297
|
+
flex-shrink: 0;
|
|
298
|
+
width: 100%;
|
|
299
|
+
position: relative;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
.content21 {
|
|
303
|
+
background: var(--white, #ffffff);
|
|
304
|
+
display: flex;
|
|
305
|
+
flex-direction: row;
|
|
306
|
+
gap: 0px;
|
|
307
|
+
align-items: flex-start;
|
|
308
|
+
justify-content: flex-start;
|
|
309
|
+
align-self: stretch;
|
|
310
|
+
flex-shrink: 0;
|
|
311
|
+
position: relative;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
.column {
|
|
315
|
+
/* display: flex; */
|
|
316
|
+
flex-direction: column;
|
|
317
|
+
gap: 0px;
|
|
318
|
+
align-items: flex-start;
|
|
319
|
+
justify-content: flex-start;
|
|
320
|
+
align-self: stretch;
|
|
321
|
+
flex: 1;
|
|
322
|
+
position: relative;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
.table-header-cell {
|
|
326
|
+
background: var(--gray-50, #f9fafb);
|
|
327
|
+
border-style: solid;
|
|
328
|
+
border-color: var(--gray-200, #eaecf0);
|
|
329
|
+
border-width: 0px 0px 1px 0px;
|
|
330
|
+
padding: 12px 24px 12px 24px;
|
|
331
|
+
display: flex;
|
|
332
|
+
flex-direction: row;
|
|
333
|
+
gap: 12px;
|
|
334
|
+
row-gap: 0px;
|
|
335
|
+
align-items: center;
|
|
336
|
+
justify-content: flex-start;
|
|
337
|
+
align-self: stretch;
|
|
338
|
+
flex-shrink: 0;
|
|
339
|
+
height: 44px;
|
|
340
|
+
position: relative;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
.table-header {
|
|
344
|
+
display: flex;
|
|
345
|
+
flex-direction: row;
|
|
346
|
+
gap: 4px;
|
|
347
|
+
row-gap: 0px;
|
|
348
|
+
align-items: center;
|
|
349
|
+
justify-content: flex-start;
|
|
350
|
+
flex-shrink: 0;
|
|
351
|
+
position: relative;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.text {
|
|
355
|
+
color: var(--gray-500, #667085);
|
|
356
|
+
text-align: left;
|
|
357
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
358
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
359
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
360
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
361
|
+
position: relative;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
.table-cell {
|
|
365
|
+
border-style: solid;
|
|
366
|
+
border-color: var(--gray-200, #eaecf0);
|
|
367
|
+
border-width: 0px 0px 1px 0px;
|
|
368
|
+
padding: 16px 24px 16px 24px;
|
|
369
|
+
display: flex;
|
|
370
|
+
flex-direction: row;
|
|
371
|
+
gap: 0px;
|
|
372
|
+
align-items: center;
|
|
373
|
+
justify-content: flex-start;
|
|
374
|
+
align-self: stretch;
|
|
375
|
+
flex-shrink: 0;
|
|
376
|
+
height: 72px;
|
|
377
|
+
position: relative;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
.text2 {
|
|
381
|
+
color: var(--gray-600, #475467);
|
|
382
|
+
text-align: left;
|
|
383
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
384
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
385
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
386
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
387
|
+
position: relative;
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
.table-header2 {
|
|
391
|
+
display: flex;
|
|
392
|
+
flex-direction: row;
|
|
393
|
+
gap: 4px;
|
|
394
|
+
row-gap: 0px;
|
|
395
|
+
align-items: center;
|
|
396
|
+
justify-content: flex-start;
|
|
397
|
+
flex: 1;
|
|
398
|
+
position: relative;
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
.text3 {
|
|
402
|
+
color: var(--gray-500, #667085);
|
|
403
|
+
text-align: right;
|
|
404
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
405
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
406
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
407
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
408
|
+
position: relative;
|
|
409
|
+
flex: 1;
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
.text4 {
|
|
413
|
+
color: var(--gray-600, #475467);
|
|
414
|
+
text-align: right;
|
|
415
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
416
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
417
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
418
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
419
|
+
position: relative;
|
|
420
|
+
flex: 1;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
.table-header3 {
|
|
424
|
+
display: flex;
|
|
425
|
+
flex-direction: row;
|
|
426
|
+
gap: 4px;
|
|
427
|
+
row-gap: 0px;
|
|
428
|
+
align-items: center;
|
|
429
|
+
justify-content: flex-end;
|
|
430
|
+
flex: 1;
|
|
431
|
+
position: relative;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
.discountframe {
|
|
435
|
+
|
|
436
|
+
flex-direction: column;
|
|
437
|
+
gap: 12px;
|
|
438
|
+
row-gap: 0px;
|
|
439
|
+
align-items: flex-start;
|
|
440
|
+
justify-content: flex-start;
|
|
441
|
+
align-self: stretch;
|
|
442
|
+
flex-shrink: 0;
|
|
443
|
+
position: relative;
|
|
444
|
+
}
|
|
445
|
+
|
|
446
|
+
.discountframe1 {
|
|
447
|
+
display: flex;
|
|
448
|
+
flex-direction: row;
|
|
449
|
+
gap: 84px;
|
|
450
|
+
row-gap: 0px;
|
|
451
|
+
align-items: flex-start;
|
|
452
|
+
justify-content: flex-start;
|
|
453
|
+
align-self: stretch;
|
|
454
|
+
flex-shrink: 0;
|
|
455
|
+
position: relative;
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
.discounttext {
|
|
459
|
+
padding: 0px 24px 0px 24px;
|
|
460
|
+
display: flex;
|
|
461
|
+
flex-direction: row;
|
|
462
|
+
gap: 10px;
|
|
463
|
+
row-gap: 0px;
|
|
464
|
+
align-items: flex-start;
|
|
465
|
+
justify-content: flex-start;
|
|
466
|
+
flex: 1;
|
|
467
|
+
position: relative;
|
|
468
|
+
}
|
|
469
|
+
|
|
470
|
+
.text5 {
|
|
471
|
+
color: var(--gray-500, #667085);
|
|
472
|
+
text-align: left;
|
|
473
|
+
font-family: var(--text-md-semibold-font-family,
|
|
474
|
+
"Inter-SemiBold",
|
|
475
|
+
sans-serif);
|
|
476
|
+
font-size: var(--text-md-semibold-font-size, 16px);
|
|
477
|
+
line-height: var(--text-md-semibold-line-height, 24px);
|
|
478
|
+
font-weight: var(--text-md-semibold-font-weight, 600);
|
|
479
|
+
position: relative;
|
|
480
|
+
flex: 1;
|
|
481
|
+
}
|
|
482
|
+
|
|
483
|
+
.discountvalue {
|
|
484
|
+
padding: 0px 23px 0px 23px;
|
|
485
|
+
display: flex;
|
|
486
|
+
flex-direction: row;
|
|
487
|
+
gap: 10px;
|
|
488
|
+
row-gap: 0px;
|
|
489
|
+
align-items: flex-start;
|
|
490
|
+
justify-content: flex-start;
|
|
491
|
+
flex: 1;
|
|
492
|
+
position: relative;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
.text6 {
|
|
496
|
+
color: var(--gray-500, #667085);
|
|
497
|
+
text-align: right;
|
|
498
|
+
font-family: var(--text-md-semibold-font-family,
|
|
499
|
+
"Inter-SemiBold",
|
|
500
|
+
sans-serif);
|
|
501
|
+
font-size: var(--text-md-semibold-font-size, 16px);
|
|
502
|
+
line-height: var(--text-md-semibold-line-height, 24px);
|
|
503
|
+
font-weight: var(--text-md-semibold-font-weight, 600);
|
|
504
|
+
position: relative;
|
|
505
|
+
flex: 1;
|
|
506
|
+
margin-left: 19px;
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
.totalframe {
|
|
510
|
+
display: flex;
|
|
511
|
+
flex-direction: row;
|
|
512
|
+
gap: 84px;
|
|
513
|
+
row-gap: 0px;
|
|
514
|
+
align-items: flex-start;
|
|
515
|
+
justify-content: flex-start;
|
|
516
|
+
align-self: stretch;
|
|
517
|
+
flex-shrink: 0;
|
|
518
|
+
position: relative;
|
|
519
|
+
margin-top: 15px;
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
.taxframe {
|
|
523
|
+
display: flex;
|
|
524
|
+
flex-direction: row;
|
|
525
|
+
gap: 84px;
|
|
526
|
+
row-gap: 0px;
|
|
527
|
+
align-items: flex-start;
|
|
528
|
+
justify-content: flex-start;
|
|
529
|
+
align-self: stretch;
|
|
530
|
+
flex-shrink: 0;
|
|
531
|
+
position: relative;
|
|
532
|
+
margin-top: 15px;
|
|
533
|
+
}
|
|
534
|
+
|
|
535
|
+
.divider2 {
|
|
536
|
+
margin-top: 15px;
|
|
537
|
+
border-style: solid;
|
|
538
|
+
border-color: var(--greyscale-300, #cbd5e1);
|
|
539
|
+
border-width: 1px 0 0 0;
|
|
540
|
+
align-self: stretch;
|
|
541
|
+
flex-shrink: 0;
|
|
542
|
+
height: 0px;
|
|
543
|
+
position: relative;
|
|
544
|
+
margin-left: 5%;
|
|
545
|
+
margin-right: 5%;
|
|
546
|
+
}
|
|
547
|
+
|
|
548
|
+
.container {
|
|
549
|
+
display: flex;
|
|
550
|
+
flex-direction: column;
|
|
551
|
+
gap: 32px;
|
|
552
|
+
row-gap: 0px;
|
|
553
|
+
align-items: flex-start;
|
|
554
|
+
justify-content: flex-start;
|
|
555
|
+
flex: 1;
|
|
556
|
+
height: auto;
|
|
557
|
+
position: relative;
|
|
558
|
+
overflow: visible;
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
.finalframe {
|
|
562
|
+
display: flex;
|
|
563
|
+
flex-direction: row;
|
|
564
|
+
gap: 84px;
|
|
565
|
+
row-gap: 0px;
|
|
566
|
+
align-items: flex-start;
|
|
567
|
+
justify-content: flex-start;
|
|
568
|
+
align-self: stretch;
|
|
569
|
+
flex-shrink: 0;
|
|
570
|
+
position: relative;
|
|
571
|
+
margin-top: 15px;
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
.content1 {
|
|
575
|
+
color: var(--greyscale-700, #384860);
|
|
576
|
+
text-align: left;
|
|
577
|
+
font-family: "Inter-Regular", sans-serif;
|
|
578
|
+
font-size: 16px;
|
|
579
|
+
line-height: 150%;
|
|
580
|
+
letter-spacing: 0.2px;
|
|
581
|
+
font-weight: 400;
|
|
582
|
+
position: relative;
|
|
583
|
+
align-self: stretch;
|
|
584
|
+
margin-top: 5%;
|
|
585
|
+
margin-bottom: 3%;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
.button-primary {
|
|
589
|
+
background: var(--primary-base, #00a3ff);
|
|
590
|
+
border-radius: 6px;
|
|
591
|
+
padding: 14px 40px 14px 40px;
|
|
592
|
+
display: flex;
|
|
593
|
+
flex-direction: row;
|
|
594
|
+
gap: 10px;
|
|
595
|
+
row-gap: 0px;
|
|
596
|
+
align-items: center;
|
|
597
|
+
justify-content: center;
|
|
598
|
+
flex-shrink: 0;
|
|
599
|
+
position: relative;
|
|
600
|
+
cursor: pointer;
|
|
601
|
+
}
|
|
602
|
+
|
|
603
|
+
.button-primary2 {
|
|
604
|
+
color: #ffffff;
|
|
605
|
+
text-align: left;
|
|
606
|
+
font-family: "Inter-Bold", sans-serif;
|
|
607
|
+
font-size: 16px;
|
|
608
|
+
line-height: 160%;
|
|
609
|
+
font-weight: 700;
|
|
610
|
+
position: relative;
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
.content2 {
|
|
614
|
+
color: var(--greyscale-700, #384860);
|
|
615
|
+
text-align: left;
|
|
616
|
+
font-family: "Inter-Regular", sans-serif;
|
|
617
|
+
font-size: 16px;
|
|
618
|
+
line-height: 150%;
|
|
619
|
+
letter-spacing: 0.2px;
|
|
620
|
+
font-weight: 400;
|
|
621
|
+
position: relative;
|
|
622
|
+
align-self: stretch;
|
|
623
|
+
margin-top: 5%;
|
|
624
|
+
margin-bottom: 3%;
|
|
625
|
+
display: flex;
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
.email-template-footer {
|
|
629
|
+
background: #ffffff;
|
|
630
|
+
padding: 24px 0px 24px 0px;
|
|
631
|
+
display: flex;
|
|
632
|
+
flex-direction: row;
|
|
633
|
+
gap: 0px;
|
|
634
|
+
align-items: flex-start;
|
|
635
|
+
justify-content: flex-start;
|
|
636
|
+
align-self: stretch;
|
|
637
|
+
flex-shrink: 0;
|
|
638
|
+
position: relative;
|
|
639
|
+
}
|
|
640
|
+
|
|
641
|
+
.logomain {
|
|
642
|
+
margin-left: 30%;
|
|
643
|
+
}
|
|
644
|
+
|
|
645
|
+
.tangofooter {
|
|
646
|
+
color: var(--greyscale-800, #202b3c);
|
|
647
|
+
text-align: left;
|
|
648
|
+
font-family: "Inter-Regular", sans-serif;
|
|
649
|
+
font-size: 12px;
|
|
650
|
+
line-height: 150%;
|
|
651
|
+
letter-spacing: 0.2px;
|
|
652
|
+
font-weight: 400;
|
|
653
|
+
position: relative;
|
|
654
|
+
flex: 1;
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
a,
|
|
658
|
+
button,
|
|
659
|
+
input,
|
|
660
|
+
select,
|
|
661
|
+
h1,
|
|
662
|
+
h2,
|
|
663
|
+
h3,
|
|
664
|
+
h4,
|
|
665
|
+
h5,
|
|
666
|
+
* {
|
|
667
|
+
box-sizing: border-box;
|
|
668
|
+
margin: 0;
|
|
669
|
+
padding: 0;
|
|
670
|
+
border: none;
|
|
671
|
+
text-decoration: none;
|
|
672
|
+
background: none;
|
|
673
|
+
|
|
674
|
+
-webkit-font-smoothing: antialiased;
|
|
675
|
+
}
|
|
676
|
+
|
|
677
|
+
menu,
|
|
678
|
+
ol,
|
|
679
|
+
ul {
|
|
680
|
+
list-style-type: none;
|
|
681
|
+
margin: 0;
|
|
682
|
+
padding: 0;
|
|
683
|
+
}
|
|
684
|
+
</style>
|
|
685
|
+
|
|
686
|
+
</head>
|
|
687
|
+
|
|
688
|
+
<body>
|
|
689
|
+
<div class="emailers">
|
|
690
|
+
<div class="email-template-header">
|
|
691
|
+
<div class="logo-text">
|
|
692
|
+
<div class="logo">
|
|
693
|
+
<div class="logo-wrap">
|
|
694
|
+
<a class="o_text-white" href="https://tangoeye.ai/" style="text-decoration: none;outline: none;color: #ffffff;">
|
|
695
|
+
<img src={{logo}} width="200" height="100" alt="SimpleApp" style="-ms-interpolation-mode: bicubic;vertical-align: middle;border: 0;line-height: 100%;height: auto;outline: none;text-decoration: none;">
|
|
696
|
+
</div>
|
|
697
|
+
</div>
|
|
698
|
+
</div>
|
|
699
|
+
</div>
|
|
700
|
+
<div class="divider"></div>
|
|
701
|
+
<div class="content-email">
|
|
702
|
+
<div class="content">
|
|
703
|
+
<div class="payment-due">
|
|
704
|
+
Invoice {{invoice}} - Payment Due {{dueDate}}
|
|
705
|
+
</div>
|
|
706
|
+
<div class="invoicecontent">
|
|
707
|
+
Dear {{clientName}},
|
|
708
|
+
<br />
|
|
709
|
+
<br />
|
|
710
|
+
Thank you for choosing Tango Eye services.
|
|
711
|
+
<br />
|
|
712
|
+
<br />
|
|
713
|
+
Attached is the invoice {{dueDate}} for the services provided by
|
|
714
|
+
Tango Eye. The total amount due is {{currencyType}}{{totalAmount}}, with payment expected
|
|
715
|
+
by {{dueDate}}.
|
|
716
|
+
<br />
|
|
717
|
+
<br />
|
|
718
|
+
The detailed invoice is as below:
|
|
719
|
+
<br />
|
|
720
|
+
<br />
|
|
721
|
+
To facilitate a smooth transaction, please ensure timely payment. For
|
|
722
|
+
your convenience, our preferred payment method is [Specify Payment
|
|
723
|
+
Method].
|
|
724
|
+
</div>
|
|
725
|
+
<div class="content-plan" style="background: var(--greyscale-100, #f1f5f9);
|
|
726
|
+
border-color: var(--greyscale-200, #e2e8f0);justify-content: center;
|
|
727
|
+
align-self: stretch;
|
|
728
|
+
flex-shrink: 0;
|
|
729
|
+
position: relative; margin-bottom: 3%;">
|
|
730
|
+
<div class="virtualdetails">
|
|
731
|
+
<div class="virtual-account-details">Virtual Account Details</div>
|
|
732
|
+
<div class="features">
|
|
733
|
+
<div class="feature-left" style="width: 40%;">
|
|
734
|
+
<div class="features2">
|
|
735
|
+
<!-- <img class="org" src="org0.svg" /> -->
|
|
736
|
+
<span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
|
|
737
|
+
<g clip-path="url(#clip0_16522_56912)">
|
|
738
|
+
<path
|
|
739
|
+
d="M2.1875 20.3789C1.60734 20.3789 1.05094 20.1484 0.640704 19.7382C0.230468 19.328 0 18.7716 0 18.1914L0 2.56641C0 1.35891 0.98 0.378906 2.1875 0.378906H12.8125C14.02 0.378906 15 1.35891 15 2.56641V18.1914C15 18.2977 14.9925 18.4014 14.9775 18.5039H17.8125C17.8954 18.5039 17.9749 18.471 18.0335 18.4124C18.0921 18.3538 18.125 18.2743 18.125 18.1914V10.7352C18.125 10.6837 18.1124 10.6331 18.0882 10.5878C18.064 10.5424 18.029 10.5037 17.9862 10.4752L16.6675 9.59641C16.5651 9.52812 16.4771 9.44032 16.4086 9.33804C16.3401 9.23575 16.2924 9.12097 16.2683 9.00025C16.2441 8.87954 16.244 8.75525 16.2679 8.63448C16.2918 8.51371 16.3392 8.39884 16.4075 8.29641C16.4758 8.19398 16.5636 8.106 16.6659 8.0375C16.7682 7.96899 16.8829 7.92131 17.0037 7.89717C17.1244 7.87302 17.2487 7.87289 17.3694 7.89678C17.4902 7.92067 17.6051 7.96812 17.7075 8.03641L19.0262 8.91516C19.635 9.32141 20 10.0039 20 10.7352V18.1914C20 18.7716 19.7695 19.328 19.3593 19.7382C18.9491 20.1484 18.3927 20.3789 17.8125 20.3789H13.4375C13.3544 20.3788 13.2716 20.3679 13.1912 20.3464C13.0675 20.3677 12.9412 20.3789 12.8125 20.3789H9.0625C8.81386 20.3789 8.5754 20.2801 8.39959 20.1043C8.22377 19.9285 8.125 19.69 8.125 19.4414V17.8789H6.875V19.4414C6.875 19.69 6.77623 19.9285 6.60041 20.1043C6.4246 20.2801 6.18614 20.3789 5.9375 20.3789H2.1875ZM1.875 18.1914C1.875 18.3639 2.015 18.5039 2.1875 18.5039H5V16.9414C5 16.6928 5.09877 16.4543 5.27459 16.2785C5.4504 16.1027 5.68886 16.0039 5.9375 16.0039H9.0625C9.31114 16.0039 9.5496 16.1027 9.72541 16.2785C9.90123 16.4543 10 16.6928 10 16.9414V18.5039H12.8125C12.8954 18.5039 12.9749 18.471 13.0335 18.4124C13.0921 18.3538 13.125 18.2743 13.125 18.1914V2.56641C13.125 2.48353 13.0921 2.40404 13.0335 2.34544C12.9749 2.28683 12.8954 2.25391 12.8125 2.25391H2.1875C2.10462 2.25391 2.02513 2.28683 1.96653 2.34544C1.90792 2.40404 1.875 2.48353 1.875 2.56641V18.1914ZM4.6875 7.87891H5.3125C5.56114 7.87891 5.7996 7.97768 5.97541 8.15349C6.15123 8.32931 6.25 8.56777 6.25 8.81641C6.25 9.06505 6.15123 9.3035 5.97541 9.47932C5.7996 9.65513 5.56114 9.75391 5.3125 9.75391H4.6875C4.43886 9.75391 4.2004 9.65513 4.02459 9.47932C3.84877 9.3035 3.75 9.06505 3.75 8.81641C3.75 8.56777 3.84877 8.32931 4.02459 8.15349C4.2004 7.97768 4.43886 7.87891 4.6875 7.87891ZM3.75 5.06641C3.75 4.81777 3.84877 4.57931 4.02459 4.40349C4.2004 4.22768 4.43886 4.12891 4.6875 4.12891H5.3125C5.56114 4.12891 5.7996 4.22768 5.97541 4.40349C6.15123 4.57931 6.25 4.81777 6.25 5.06641C6.25 5.31505 6.15123 5.5535 5.97541 5.72932C5.7996 5.90513 5.56114 6.00391 5.3125 6.00391H4.6875C4.43886 6.00391 4.2004 5.90513 4.02459 5.72932C3.84877 5.5535 3.75 5.31505 3.75 5.06641ZM8.75 8.81641C8.75 8.56777 8.84877 8.32931 9.02459 8.15349C9.2004 7.97768 9.43886 7.87891 9.6875 7.87891H10.3125C10.5611 7.87891 10.7996 7.97768 10.9754 8.15349C11.1512 8.32931 11.25 8.56777 11.25 8.81641C11.25 9.06505 11.1512 9.3035 10.9754 9.47932C10.7996 9.65513 10.5611 9.75391 10.3125 9.75391H9.6875C9.43886 9.75391 9.2004 9.65513 9.02459 9.47932C8.84877 9.3035 8.75 9.06505 8.75 8.81641ZM9.6875 4.12891H10.3125C10.5611 4.12891 10.7996 4.22768 10.9754 4.40349C11.1512 4.57931 11.25 4.81777 11.25 5.06641C11.25 5.31505 11.1512 5.5535 10.9754 5.72932C10.7996 5.90513 10.5611 6.00391 10.3125 6.00391H9.6875C9.43886 6.00391 9.2004 5.90513 9.02459 5.72932C8.84877 5.5535 8.75 5.31505 8.75 5.06641C8.75 4.81777 8.84877 4.57931 9.02459 4.40349C9.2004 4.22768 9.43886 4.12891 9.6875 4.12891ZM3.75 12.5664C3.75 12.3178 3.84877 12.0793 4.02459 11.9035C4.2004 11.7277 4.43886 11.6289 4.6875 11.6289H5.3125C5.56114 11.6289 5.7996 11.7277 5.97541 11.9035C6.15123 12.0793 6.25 12.3178 6.25 12.5664C6.25 12.815 6.15123 13.0535 5.97541 13.2293C5.7996 13.4051 5.56114 13.5039 5.3125 13.5039H4.6875C4.43886 13.5039 4.2004 13.4051 4.02459 13.2293C3.84877 13.0535 3.75 12.815 3.75 12.5664ZM9.6875 11.6289H10.3125C10.5611 11.6289 10.7996 11.7277 10.9754 11.9035C11.1512 12.0793 11.25 12.3178 11.25 12.5664C11.25 12.815 11.1512 13.0535 10.9754 13.2293C10.7996 13.4051 10.5611 13.5039 10.3125 13.5039H9.6875C9.43886 13.5039 9.2004 13.4051 9.02459 13.2293C8.84877 13.0535 8.75 12.815 8.75 12.5664C8.75 12.3178 8.84877 12.0793 9.02459 11.9035C9.2004 11.7277 9.43886 11.6289 9.6875 11.6289Z"
|
|
740
|
+
fill="#22C55E" />
|
|
741
|
+
</g>
|
|
742
|
+
<defs>
|
|
743
|
+
<clipPath id="clip0_16522_56912">
|
|
744
|
+
<rect width="20" height="20" fill="white" transform="translate(0 0.378906)" />
|
|
745
|
+
</clipPath>
|
|
746
|
+
</defs>
|
|
747
|
+
</svg></span>
|
|
748
|
+
<div class="account-number-12457687989577">
|
|
749
|
+
Account Number - {{accountNumber}}
|
|
750
|
+
</div>
|
|
751
|
+
</div>
|
|
752
|
+
</div>
|
|
753
|
+
<div class="feature-right">
|
|
754
|
+
<div class="features2">
|
|
755
|
+
<!-- <img class="org2" src="org1.svg" /> -->
|
|
756
|
+
<span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
|
|
757
|
+
<g clip-path="url(#clip0_16522_56912)">
|
|
758
|
+
<path
|
|
759
|
+
d="M2.1875 20.3789C1.60734 20.3789 1.05094 20.1484 0.640704 19.7382C0.230468 19.328 0 18.7716 0 18.1914L0 2.56641C0 1.35891 0.98 0.378906 2.1875 0.378906H12.8125C14.02 0.378906 15 1.35891 15 2.56641V18.1914C15 18.2977 14.9925 18.4014 14.9775 18.5039H17.8125C17.8954 18.5039 17.9749 18.471 18.0335 18.4124C18.0921 18.3538 18.125 18.2743 18.125 18.1914V10.7352C18.125 10.6837 18.1124 10.6331 18.0882 10.5878C18.064 10.5424 18.029 10.5037 17.9862 10.4752L16.6675 9.59641C16.5651 9.52812 16.4771 9.44032 16.4086 9.33804C16.3401 9.23575 16.2924 9.12097 16.2683 9.00025C16.2441 8.87954 16.244 8.75525 16.2679 8.63448C16.2918 8.51371 16.3392 8.39884 16.4075 8.29641C16.4758 8.19398 16.5636 8.106 16.6659 8.0375C16.7682 7.96899 16.8829 7.92131 17.0037 7.89717C17.1244 7.87302 17.2487 7.87289 17.3694 7.89678C17.4902 7.92067 17.6051 7.96812 17.7075 8.03641L19.0262 8.91516C19.635 9.32141 20 10.0039 20 10.7352V18.1914C20 18.7716 19.7695 19.328 19.3593 19.7382C18.9491 20.1484 18.3927 20.3789 17.8125 20.3789H13.4375C13.3544 20.3788 13.2716 20.3679 13.1912 20.3464C13.0675 20.3677 12.9412 20.3789 12.8125 20.3789H9.0625C8.81386 20.3789 8.5754 20.2801 8.39959 20.1043C8.22377 19.9285 8.125 19.69 8.125 19.4414V17.8789H6.875V19.4414C6.875 19.69 6.77623 19.9285 6.60041 20.1043C6.4246 20.2801 6.18614 20.3789 5.9375 20.3789H2.1875ZM1.875 18.1914C1.875 18.3639 2.015 18.5039 2.1875 18.5039H5V16.9414C5 16.6928 5.09877 16.4543 5.27459 16.2785C5.4504 16.1027 5.68886 16.0039 5.9375 16.0039H9.0625C9.31114 16.0039 9.5496 16.1027 9.72541 16.2785C9.90123 16.4543 10 16.6928 10 16.9414V18.5039H12.8125C12.8954 18.5039 12.9749 18.471 13.0335 18.4124C13.0921 18.3538 13.125 18.2743 13.125 18.1914V2.56641C13.125 2.48353 13.0921 2.40404 13.0335 2.34544C12.9749 2.28683 12.8954 2.25391 12.8125 2.25391H2.1875C2.10462 2.25391 2.02513 2.28683 1.96653 2.34544C1.90792 2.40404 1.875 2.48353 1.875 2.56641V18.1914ZM4.6875 7.87891H5.3125C5.56114 7.87891 5.7996 7.97768 5.97541 8.15349C6.15123 8.32931 6.25 8.56777 6.25 8.81641C6.25 9.06505 6.15123 9.3035 5.97541 9.47932C5.7996 9.65513 5.56114 9.75391 5.3125 9.75391H4.6875C4.43886 9.75391 4.2004 9.65513 4.02459 9.47932C3.84877 9.3035 3.75 9.06505 3.75 8.81641C3.75 8.56777 3.84877 8.32931 4.02459 8.15349C4.2004 7.97768 4.43886 7.87891 4.6875 7.87891ZM3.75 5.06641C3.75 4.81777 3.84877 4.57931 4.02459 4.40349C4.2004 4.22768 4.43886 4.12891 4.6875 4.12891H5.3125C5.56114 4.12891 5.7996 4.22768 5.97541 4.40349C6.15123 4.57931 6.25 4.81777 6.25 5.06641C6.25 5.31505 6.15123 5.5535 5.97541 5.72932C5.7996 5.90513 5.56114 6.00391 5.3125 6.00391H4.6875C4.43886 6.00391 4.2004 5.90513 4.02459 5.72932C3.84877 5.5535 3.75 5.31505 3.75 5.06641ZM8.75 8.81641C8.75 8.56777 8.84877 8.32931 9.02459 8.15349C9.2004 7.97768 9.43886 7.87891 9.6875 7.87891H10.3125C10.5611 7.87891 10.7996 7.97768 10.9754 8.15349C11.1512 8.32931 11.25 8.56777 11.25 8.81641C11.25 9.06505 11.1512 9.3035 10.9754 9.47932C10.7996 9.65513 10.5611 9.75391 10.3125 9.75391H9.6875C9.43886 9.75391 9.2004 9.65513 9.02459 9.47932C8.84877 9.3035 8.75 9.06505 8.75 8.81641ZM9.6875 4.12891H10.3125C10.5611 4.12891 10.7996 4.22768 10.9754 4.40349C11.1512 4.57931 11.25 4.81777 11.25 5.06641C11.25 5.31505 11.1512 5.5535 10.9754 5.72932C10.7996 5.90513 10.5611 6.00391 10.3125 6.00391H9.6875C9.43886 6.00391 9.2004 5.90513 9.02459 5.72932C8.84877 5.5535 8.75 5.31505 8.75 5.06641C8.75 4.81777 8.84877 4.57931 9.02459 4.40349C9.2004 4.22768 9.43886 4.12891 9.6875 4.12891ZM3.75 12.5664C3.75 12.3178 3.84877 12.0793 4.02459 11.9035C4.2004 11.7277 4.43886 11.6289 4.6875 11.6289H5.3125C5.56114 11.6289 5.7996 11.7277 5.97541 11.9035C6.15123 12.0793 6.25 12.3178 6.25 12.5664C6.25 12.815 6.15123 13.0535 5.97541 13.2293C5.7996 13.4051 5.56114 13.5039 5.3125 13.5039H4.6875C4.43886 13.5039 4.2004 13.4051 4.02459 13.2293C3.84877 13.0535 3.75 12.815 3.75 12.5664ZM9.6875 11.6289H10.3125C10.5611 11.6289 10.7996 11.7277 10.9754 11.9035C11.1512 12.0793 11.25 12.3178 11.25 12.5664C11.25 12.815 11.1512 13.0535 10.9754 13.2293C10.7996 13.4051 10.5611 13.5039 10.3125 13.5039H9.6875C9.43886 13.5039 9.2004 13.4051 9.02459 13.2293C8.84877 13.0535 8.75 12.815 8.75 12.5664C8.75 12.3178 8.84877 12.0793 9.02459 11.9035C9.2004 11.7277 9.43886 11.6289 9.6875 11.6289Z"
|
|
760
|
+
fill="#22C55E" />
|
|
761
|
+
</g>
|
|
762
|
+
<defs>
|
|
763
|
+
<clipPath id="clip0_16522_56912">
|
|
764
|
+
<rect width="20" height="20" fill="white" transform="translate(0 0.378906)" />
|
|
765
|
+
</clipPath>
|
|
766
|
+
</defs>
|
|
767
|
+
</svg></span>
|
|
768
|
+
<div class="ifsc-code-sbi-0208">IFSC Code - {{ifsc}}</div>
|
|
769
|
+
</div>
|
|
770
|
+
</div>
|
|
771
|
+
</div>
|
|
772
|
+
</div>
|
|
773
|
+
</div>
|
|
774
|
+
<div class="tabframe1" style="width: 100%;">
|
|
775
|
+
<div class="content2">
|
|
776
|
+
<div class="column" style="width: 25%;">
|
|
777
|
+
<div class="table-header-cell" style=" background: var(--gray-50, #f9fafb);
|
|
778
|
+
border-color: var(--gray-200, #eaecf0); align-items: center;
|
|
779
|
+
justify-content: flex-start;
|
|
780
|
+
align-self: stretch;
|
|
781
|
+
flex-shrink: 0;flex-direction: row;">
|
|
782
|
+
<div class="table-header">
|
|
783
|
+
<div class="text">Description</div>
|
|
784
|
+
</div>
|
|
785
|
+
</div>
|
|
786
|
+
{{#each products}}
|
|
787
|
+
<div class="table-cell">
|
|
788
|
+
<div class="text2">{{productName}}</div>
|
|
789
|
+
</div>
|
|
790
|
+
{{/each}}
|
|
791
|
+
</div>
|
|
792
|
+
<div class="column" style="width: 25%;">
|
|
793
|
+
<div class="table-header-cell" style=" background: var(--gray-50, #f9fafb);
|
|
794
|
+
border-color: var(--gray-200, #eaecf0); align-items: center;
|
|
795
|
+
justify-content: flex-start;
|
|
796
|
+
align-self: stretch;
|
|
797
|
+
flex-shrink: 0;flex-direction: row;">
|
|
798
|
+
<div class="table-header2">
|
|
799
|
+
<div class="text3">Price</div>
|
|
800
|
+
</div>
|
|
801
|
+
</div>
|
|
802
|
+
{{#each products}}
|
|
803
|
+
<div class="table-cell">
|
|
804
|
+
<div class="text4">{{currency}} {{price}}</div>
|
|
805
|
+
</div>
|
|
806
|
+
{{/each}}
|
|
807
|
+
</div>
|
|
808
|
+
<div class="column" style="width: 25%;">
|
|
809
|
+
<div class="table-header-cell" style=" background: var(--gray-50, #f9fafb);
|
|
810
|
+
border-color: var(--gray-200, #eaecf0); align-items: center;
|
|
811
|
+
justify-content: flex-start;
|
|
812
|
+
align-self: stretch;
|
|
813
|
+
flex-shrink: 0;flex-direction: row;">
|
|
814
|
+
<div class="table-header3">
|
|
815
|
+
<div class="text3">Stores</div>
|
|
816
|
+
</div>
|
|
817
|
+
</div>
|
|
818
|
+
{{#each products}}
|
|
819
|
+
<div class="table-cell">
|
|
820
|
+
<div class="text4">{{storeCount}}</div>
|
|
821
|
+
</div>
|
|
822
|
+
{{/each}}
|
|
823
|
+
|
|
824
|
+
</div>
|
|
825
|
+
<div class="column" style="width: 25%;">
|
|
826
|
+
<div class="table-header-cell" style=" background: var(--gray-50, #f9fafb);
|
|
827
|
+
border-color: var(--gray-200, #eaecf0); align-items: center;
|
|
828
|
+
justify-content: flex-start;
|
|
829
|
+
align-self: stretch;
|
|
830
|
+
flex-shrink: 0;flex-direction: row;">
|
|
831
|
+
<div class="table-header2">
|
|
832
|
+
<div class="text3">Sub Total</div>
|
|
833
|
+
</div>
|
|
834
|
+
</div>
|
|
835
|
+
{{#each products}}
|
|
836
|
+
<div class="table-cell">
|
|
837
|
+
<div class="text4">{{currency}} {{amount}}</div>
|
|
838
|
+
</div>
|
|
839
|
+
{{/each}}
|
|
840
|
+
</div>
|
|
841
|
+
</div>
|
|
842
|
+
<div class="discountframe">
|
|
843
|
+
<div class="discountframe1">
|
|
844
|
+
<div class="discounttext" style="width: 100%;">
|
|
845
|
+
<div class="text5">Discount</div>
|
|
846
|
+
</div>
|
|
847
|
+
<div class="discountvalue" style="width: 30%;">
|
|
848
|
+
<div class="text6">{{discount}}</div>
|
|
849
|
+
</div>
|
|
850
|
+
</div>
|
|
851
|
+
<div class="totalframe">
|
|
852
|
+
<div class="discounttext" style="width: 76%;">
|
|
853
|
+
<div class="text5">Total Amount</div>
|
|
854
|
+
</div>
|
|
855
|
+
<div class="discountvalue">
|
|
856
|
+
<div class="text6">{{currencyType}} {{amount}}</div>
|
|
857
|
+
</div>
|
|
858
|
+
</div>
|
|
859
|
+
<div class="taxframe">
|
|
860
|
+
<div class="discounttext" style="width: 64%;">
|
|
861
|
+
<div class="text5">Tax</div>
|
|
862
|
+
</div>
|
|
863
|
+
{{#each tax }}
|
|
864
|
+
<div class="discountvalue">
|
|
865
|
+
<div class="text6">{{type}} ({{value}}%)</div>
|
|
866
|
+
<div class="text6">{{currency}} {{taxAmount}}</div>
|
|
867
|
+
</div>
|
|
868
|
+
{{/each}}
|
|
869
|
+
</div>
|
|
870
|
+
<div class="divider2">
|
|
871
|
+
<!-- <img class="container" src="container0.svg" /> -->
|
|
872
|
+
</div>
|
|
873
|
+
<div class="finalframe">
|
|
874
|
+
<div class="discounttext" style="width: 76%;">
|
|
875
|
+
<div class="text5">Final Value</div>
|
|
876
|
+
</div>
|
|
877
|
+
<div class="discountvalue">
|
|
878
|
+
<div class="text6">{{currencyType}} {{totalAmount}} </div>
|
|
879
|
+
</div>
|
|
880
|
+
</div>
|
|
881
|
+
</div>
|
|
882
|
+
</div>
|
|
883
|
+
<div class="content1">
|
|
884
|
+
Currently, we do not support RBL to RBL Internal Fund Transfer (IIFT)
|
|
885
|
+
transactions on the above account number.
|
|
886
|
+
<br />
|
|
887
|
+
<br />
|
|
888
|
+
Cheque deposits are not available for the above account number.
|
|
889
|
+
<br />
|
|
890
|
+
<br />
|
|
891
|
+
You can also pay using Credit Card/ Debit Card/ Net Banking/ UPI.
|
|
892
|
+
</div>
|
|
893
|
+
<a href=""
|
|
894
|
+
style="display: inline-block; padding: 12px 20px; background-color: #00A3FF; color: #ffffff; text-decoration: none;
|
|
895
|
+
border-radius: 4px; font-size: 16px; text-align: center; margin-bottom: 3%;">Pay Now
|
|
896
|
+
</a>
|
|
897
|
+
<div class="content21">
|
|
898
|
+
Should you have any inquiries or require assistance, feel free to reach
|
|
899
|
+
out.
|
|
900
|
+
<br />
|
|
901
|
+
<br />
|
|
902
|
+
Thank you for your prompt attention to this matter.
|
|
903
|
+
<br />
|
|
904
|
+
<br />
|
|
905
|
+
Best regards,
|
|
906
|
+
<br />
|
|
907
|
+
<br />
|
|
908
|
+
Team Tango
|
|
909
|
+
</div>
|
|
910
|
+
</div>
|
|
911
|
+
</div>
|
|
912
|
+
<div class="email-template-footer">
|
|
913
|
+
<div class="tangofooter">
|
|
914
|
+
If you'd rather not receive this kind of email, Don’t want any more
|
|
915
|
+
emails from TangoEye?
|
|
916
|
+
<br />
|
|
917
|
+
<br />
|
|
918
|
+
© Tango Eye. All rights reserved.
|
|
919
|
+
</div>
|
|
920
|
+
</div>
|
|
921
|
+
</div>
|
|
922
|
+
|
|
923
|
+
</body>
|
|
924
|
+
|
|
925
|
+
</html>
|