@7365admin1/core 2.80.0 → 2.82.0
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/CHANGELOG.md +12 -0
- package/dist/handlebars/approve-drive-in.hbs +79 -0
- package/dist/handlebars/approve-visitor-old.hbs +324 -0
- package/dist/handlebars/approve-visitor.hbs +165 -0
- package/dist/handlebars/approve-walk-in.hbs +79 -0
- package/dist/handlebars/book-facility-light.hbs +241 -0
- package/dist/handlebars/book-facility.hbs +243 -0
- package/dist/handlebars/reject-visitor.hbs +239 -0
- package/dist/handlebars/reject.hbs +108 -0
- package/dist/handlebars/verify-visitor.hbs +12 -0
- package/dist/handlebars/visitor-reminder.hbs +16 -0
- package/dist/index.d.ts +40 -4
- package/dist/index.js +6580 -383
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6594 -369
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -3
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
<table style="height: 100%; width: 100%">
|
|
2
|
+
<tr>
|
|
3
|
+
<td style="vertical-align: middle; text-align: center">
|
|
4
|
+
<div style="padding: 24px; justify-content: center;">
|
|
5
|
+
<div style="background-color: #052439; elevation: 2;">
|
|
6
|
+
<div style="display: flex; justify-content: center;">
|
|
7
|
+
<img src="{{logo}}" style="width: 190px; height: 50px;" />
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
<div style="margin-bottom: 16px; color: #052439; ">
|
|
11
|
+
<p style="color: #052439; font-weight: 600; font-size: 32px; line-height: 30px; text-align: center; padding: 16px;">Hey
|
|
12
|
+
{{name}},</p>
|
|
13
|
+
<p style="text-align: center;">You are now ready to check in upon arrival on {{arrivalDate}}.</p>
|
|
14
|
+
</div>
|
|
15
|
+
<a href="{{qrLink}}" style="text-decoration: none"><div
|
|
16
|
+
style="margin-top: 16px; padding: 5px; background-color: #4caf50; border-radius: 16px; text-align: center;"
|
|
17
|
+
>
|
|
18
|
+
<p style="color: white; font-weight: bold;">QR code Link (Click Here)</p>
|
|
19
|
+
</div></a>
|
|
20
|
+
|
|
21
|
+
<div style="margin-top: 16px; text-align: center; color: #052439; ">
|
|
22
|
+
<p>Please present the QR code sent to you at the pedestrian entrance for access.</p>
|
|
23
|
+
</div>
|
|
24
|
+
|
|
25
|
+
<div style="margin-top: 16px; padding: 5px; background-color: #052439; border-radius: 16px; text-align: center;">
|
|
26
|
+
<p style="color: white; font-weight: bold;">Visitor Information</p>
|
|
27
|
+
</div>
|
|
28
|
+
|
|
29
|
+
<div style="margin-top: 16px; max-width:100%; margin-left: auto; margin-right: auto; margin-bottom: 50px">
|
|
30
|
+
<table style="color: #052439; font-size: 16px; margin: 0 auto; border-collapse: collapse; width: 100%;">
|
|
31
|
+
<tbody>
|
|
32
|
+
<tr style="border-bottom: 1px solid gray; padding: 20px;">
|
|
33
|
+
<td style="text-align: left; font-weight: bold; padding: 8px;">Name</td>
|
|
34
|
+
<td style="text-align: right; padding: 8px;">{{name}}</td>
|
|
35
|
+
</tr>
|
|
36
|
+
|
|
37
|
+
<tr style="border-bottom: 1px solid gray; padding: 20px;">
|
|
38
|
+
<td style="text-align: left; font-weight: bold; padding: 8px;">Tenant/Resident Address</td>
|
|
39
|
+
<td style="text-align: right; padding: 8px;">{{address}}</td>
|
|
40
|
+
</tr>
|
|
41
|
+
<tr style="border-bottom: 1px solid gray; padding: 20px;">
|
|
42
|
+
<td style="text-align: left; font-weight: bold; padding: 8px;">Contact No.</td>
|
|
43
|
+
<td style="text-align: right; padding: 8px;">{{contactNumber}}</td>
|
|
44
|
+
</tr>
|
|
45
|
+
<tr style="border-bottom: 1px solid gray; padding: 20px;">
|
|
46
|
+
<td style="text-align: left; font-weight: bold; padding: 8px;">Email</td>
|
|
47
|
+
<td style="text-align: right; padding: 8px;">{{email}}</td>
|
|
48
|
+
</tr>
|
|
49
|
+
|
|
50
|
+
<tr style="border-bottom: 1px solid gray; padding: 20px;">
|
|
51
|
+
<td style="text-align: left; font-weight: bold; padding: 8px;">Arrival Date</td>
|
|
52
|
+
<td style="text-align: right; padding: 8px;">{{arrivalDate}}</td>
|
|
53
|
+
</tr>
|
|
54
|
+
<tr style="border-bottom: 1px solid gray; padding: 20px;">
|
|
55
|
+
<td style="text-align: left; font-weight: bold; padding: 8px;">Arrival Time</td>
|
|
56
|
+
<td style="text-align: right; padding: 8px;">{{arrivalTime}}</td>
|
|
57
|
+
</tr>
|
|
58
|
+
<tr style="border-bottom: 1px solid gray; padding: 20px;">
|
|
59
|
+
<td style="text-align: left; font-weight: bold; padding: 8px;">Duration</td>
|
|
60
|
+
<td style="text-align: right; padding: 8px;">{{duration}}</td>
|
|
61
|
+
</tr>
|
|
62
|
+
<tr style=" padding: 20px;">
|
|
63
|
+
<td style="text-align: left; font-weight: bold; padding: 8px;">Purpose of Visit</td>
|
|
64
|
+
</tr>
|
|
65
|
+
<tr style="padding: 20px;"><td style="text-align: right; padding: 8px;">{{purposeOfVisit}}</td></tr>
|
|
66
|
+
</tbody>
|
|
67
|
+
</table>
|
|
68
|
+
</div>
|
|
69
|
+
<footer height="70" style="padding: 0; bottom: 0; left: 0; right: 0; z-index: 10; background-color: #fff;">
|
|
70
|
+
<div style="padding: 12px; max-width: 600px; margin-left: auto; margin-right: auto;">
|
|
71
|
+
<div style="text-align: center;">
|
|
72
|
+
<span style="font-size: 16px;">© 2024 powered by Seven365 Pte. Ltd. v.1</span>
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
</footer>
|
|
76
|
+
</div>
|
|
77
|
+
</td>
|
|
78
|
+
</tr>
|
|
79
|
+
</table>
|
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
<html lang="en">
|
|
2
|
+
<head>
|
|
3
|
+
<meta charset="UTF-8" />
|
|
4
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
5
|
+
<title>Booking Status</title>
|
|
6
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
|
|
7
|
+
</head>
|
|
8
|
+
|
|
9
|
+
<body style="background-color: #f5f7fa">
|
|
10
|
+
<center>
|
|
11
|
+
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; background-color: #f5f7fa">
|
|
12
|
+
<tbody>
|
|
13
|
+
<tr>
|
|
14
|
+
<td>
|
|
15
|
+
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 550px; margin: 0 auto">
|
|
16
|
+
<tbody>
|
|
17
|
+
<tr>
|
|
18
|
+
<td style="padding: 20px 40px">
|
|
19
|
+
<table
|
|
20
|
+
align="center"
|
|
21
|
+
border="0"
|
|
22
|
+
cellpadding="0"
|
|
23
|
+
cellspacing="0"
|
|
24
|
+
role="presentation"
|
|
25
|
+
style="width: 100%; font-family: Arial, Helvetica, sans-serif; color: #333333"
|
|
26
|
+
>
|
|
27
|
+
<tr>
|
|
28
|
+
<td style="font-size: 36px; font-weight: lighter; line-height: 1.3; padding-bottom: 25px; color: #222222">
|
|
29
|
+
Booking Status
|
|
30
|
+
</td>
|
|
31
|
+
</tr>
|
|
32
|
+
|
|
33
|
+
<tr>
|
|
34
|
+
<td>
|
|
35
|
+
<table
|
|
36
|
+
border="0"
|
|
37
|
+
cellpadding="0"
|
|
38
|
+
cellspacing="0"
|
|
39
|
+
role="presentation"
|
|
40
|
+
style="
|
|
41
|
+
width: 100%;
|
|
42
|
+
border-radius: 16px;
|
|
43
|
+
border: 2px solid #e0e4ea;
|
|
44
|
+
background: #ffffff;
|
|
45
|
+
"
|
|
46
|
+
>
|
|
47
|
+
<tr>
|
|
48
|
+
<td
|
|
49
|
+
colspan="2"
|
|
50
|
+
style="
|
|
51
|
+
padding: 20px 20px 15px 20px;
|
|
52
|
+
font-size: 16px;
|
|
53
|
+
font-weight: bold;
|
|
54
|
+
border-bottom: 1px solid #e6e8ef;
|
|
55
|
+
color: #222222;
|
|
56
|
+
"
|
|
57
|
+
>
|
|
58
|
+
Facility Booking
|
|
59
|
+
</td>
|
|
60
|
+
</tr>
|
|
61
|
+
|
|
62
|
+
<tr>
|
|
63
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #6c757d; border-bottom: 1px solid #e6e8ef; width: 40%">
|
|
64
|
+
Facility
|
|
65
|
+
</td>
|
|
66
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #222222; border-bottom: 1px solid #e6e8ef">
|
|
67
|
+
{{facilityName}}
|
|
68
|
+
</td>
|
|
69
|
+
</tr>
|
|
70
|
+
|
|
71
|
+
<tr>
|
|
72
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #6c757d; border-bottom: 1px solid #e6e8ef">
|
|
73
|
+
Booked by
|
|
74
|
+
</td>
|
|
75
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #222222; border-bottom: 1px solid #e6e8ef">
|
|
76
|
+
<table border="0" cellpadding="0" cellspacing="0" align="right">
|
|
77
|
+
<tr>
|
|
78
|
+
<td
|
|
79
|
+
align="center"
|
|
80
|
+
style="
|
|
81
|
+
background-color: #6f42c1;
|
|
82
|
+
border-radius: 50%;
|
|
83
|
+
width: 24px;
|
|
84
|
+
height: 24px;
|
|
85
|
+
line-height: 24px;
|
|
86
|
+
color: #ffffff;
|
|
87
|
+
font-size: 12px;
|
|
88
|
+
font-weight: bold;
|
|
89
|
+
"
|
|
90
|
+
>
|
|
91
|
+
{{fullNameFirstLetter}}
|
|
92
|
+
</td>
|
|
93
|
+
<td style="padding-left: 10px; color: #222222">{{fullName}}</td>
|
|
94
|
+
</tr>
|
|
95
|
+
</table>
|
|
96
|
+
</td>
|
|
97
|
+
</tr>
|
|
98
|
+
|
|
99
|
+
<tr>
|
|
100
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #6c757d; border-bottom: 1px solid #e6e8ef">Company</td>
|
|
101
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #222222; border-bottom: 1px solid #e6e8ef">
|
|
102
|
+
{{company}}
|
|
103
|
+
</td>
|
|
104
|
+
</tr>
|
|
105
|
+
|
|
106
|
+
<tr>
|
|
107
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #6c757d; border-bottom: 1px solid #e6e8ef">Email</td>
|
|
108
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #222222; border-bottom: 1px solid #e6e8ef">
|
|
109
|
+
{{email}}
|
|
110
|
+
</td>
|
|
111
|
+
</tr>
|
|
112
|
+
|
|
113
|
+
<tr>
|
|
114
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #6c757d; border-bottom: 1px solid #e6e8ef">Phone Number</td>
|
|
115
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #222222; border-bottom: 1px solid #e6e8ef">
|
|
116
|
+
{{phoneNumber}}
|
|
117
|
+
</td>
|
|
118
|
+
</tr>
|
|
119
|
+
|
|
120
|
+
<tr>
|
|
121
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #6c757d; border-bottom: 1px solid #e6e8ef">Booked at</td>
|
|
122
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #222222; border-bottom: 1px solid #e6e8ef">
|
|
123
|
+
{{bookAt}}
|
|
124
|
+
</td>
|
|
125
|
+
</tr>
|
|
126
|
+
|
|
127
|
+
<tr>
|
|
128
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #6c757d; border-bottom: 1px solid #e6e8ef">Booking Date</td>
|
|
129
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #222222; border-bottom: 1px solid #e6e8ef">
|
|
130
|
+
{{bookingDate}}
|
|
131
|
+
</td>
|
|
132
|
+
</tr>
|
|
133
|
+
|
|
134
|
+
<tr>
|
|
135
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #6c757d; border-bottom: 1px solid #e6e8ef">Booking Slot</td>
|
|
136
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #222222; border-bottom: 1px solid #e6e8ef">
|
|
137
|
+
{{slotName}}
|
|
138
|
+
</td>
|
|
139
|
+
</tr>
|
|
140
|
+
|
|
141
|
+
{{#if remarks}}
|
|
142
|
+
<tr>
|
|
143
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #6c757d; border-bottom: 1px solid #e6e8ef">
|
|
144
|
+
Status
|
|
145
|
+
</td>
|
|
146
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #222222; border-bottom: 1px solid #e6e8ef">
|
|
147
|
+
{{status}}
|
|
148
|
+
</td>
|
|
149
|
+
</tr>
|
|
150
|
+
{{else}}
|
|
151
|
+
<tr>
|
|
152
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #6c757d">Status</td>
|
|
153
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #222222">
|
|
154
|
+
{{status}}
|
|
155
|
+
</td>
|
|
156
|
+
</tr>
|
|
157
|
+
{{/if}}
|
|
158
|
+
|
|
159
|
+
{{#if remarks}}
|
|
160
|
+
<tr>
|
|
161
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #6c757d">Remarks</td>
|
|
162
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #222222">{{remarks}}</td>
|
|
163
|
+
</tr>
|
|
164
|
+
{{/if}}
|
|
165
|
+
|
|
166
|
+
</table>
|
|
167
|
+
</td>
|
|
168
|
+
</tr>
|
|
169
|
+
|
|
170
|
+
{{!-- Booking Policy --}}
|
|
171
|
+
{{#if bookingPolicy}}
|
|
172
|
+
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
173
|
+
<tr>
|
|
174
|
+
<td align="center" style="padding: 40px 20px 20px 20px; font-size: 24px; font-weight: bold; color: #222222;">
|
|
175
|
+
The policy below was acknowledged during booking.
|
|
176
|
+
</td>
|
|
177
|
+
</tr>
|
|
178
|
+
<tr>
|
|
179
|
+
<td align="center" style="padding-top: 30px; font-size: 20px; font-weight: bold; color: #222222;">
|
|
180
|
+
Booking Policy
|
|
181
|
+
</td>
|
|
182
|
+
</tr>
|
|
183
|
+
|
|
184
|
+
<tr>
|
|
185
|
+
<td style="padding: 20px 30px; font-size: 14px; line-height: 22px; color: #333333;">
|
|
186
|
+
{{{bookingPolicy}}}
|
|
187
|
+
</td>
|
|
188
|
+
</tr>
|
|
189
|
+
</table>
|
|
190
|
+
{{/if}}
|
|
191
|
+
|
|
192
|
+
<tr>
|
|
193
|
+
<td align="center" style="padding: 30px 0">
|
|
194
|
+
<a
|
|
195
|
+
href="{{bookingLink}}"
|
|
196
|
+
target="_blank"
|
|
197
|
+
style="
|
|
198
|
+
display: inline-block;
|
|
199
|
+
padding: 14px 40px;
|
|
200
|
+
color: #ffffff;
|
|
201
|
+
font-size: 18px;
|
|
202
|
+
line-height: normal;
|
|
203
|
+
border-radius: 6px;
|
|
204
|
+
background-color: #1867c0;
|
|
205
|
+
text-decoration: none;
|
|
206
|
+
width: 550px;
|
|
207
|
+
text-align: center;
|
|
208
|
+
"
|
|
209
|
+
>
|
|
210
|
+
View My Booking
|
|
211
|
+
</a>
|
|
212
|
+
</td>
|
|
213
|
+
</tr>
|
|
214
|
+
|
|
215
|
+
<tr>
|
|
216
|
+
<td align="left" style="font-size: 14px; line-height: 1.5; color: #6c757d">
|
|
217
|
+
If you didn't sign up, you can safely ignore this email.
|
|
218
|
+
</td>
|
|
219
|
+
</tr>
|
|
220
|
+
|
|
221
|
+
<tr>
|
|
222
|
+
<td align="left" style="font-size: 14px; line-height: 1.5; color: #6c757d; padding-top: 10px">
|
|
223
|
+
Need help? Contact our support team at
|
|
224
|
+
<a href="mailto:contact@seven365.com.sg" style="color: #0d6efd; text-decoration: underline">
|
|
225
|
+
contact@seven365.com.sg
|
|
226
|
+
</a>
|
|
227
|
+
</td>
|
|
228
|
+
</tr>
|
|
229
|
+
|
|
230
|
+
</table>
|
|
231
|
+
</td>
|
|
232
|
+
</tr>
|
|
233
|
+
</tbody>
|
|
234
|
+
</table>
|
|
235
|
+
</td>
|
|
236
|
+
</tr>
|
|
237
|
+
</tbody>
|
|
238
|
+
</table>
|
|
239
|
+
</center>
|
|
240
|
+
</body>
|
|
241
|
+
</html>
|
|
@@ -0,0 +1,243 @@
|
|
|
1
|
+
<html lang="en">
|
|
2
|
+
<head>
|
|
3
|
+
<meta charset="UTF-8" />
|
|
4
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
5
|
+
<title>Booking Status</title>
|
|
6
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
|
|
7
|
+
</head>
|
|
8
|
+
<body style="background-color: #0f131c">
|
|
9
|
+
<center>
|
|
10
|
+
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; background-color: #0f131c">
|
|
11
|
+
<tbody>
|
|
12
|
+
<tr>
|
|
13
|
+
<td>
|
|
14
|
+
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 550px; margin: 0 auto">
|
|
15
|
+
<tbody>
|
|
16
|
+
<tr>
|
|
17
|
+
<td style="padding: 20px 40px">
|
|
18
|
+
<table
|
|
19
|
+
align="center"
|
|
20
|
+
border="0"
|
|
21
|
+
cellpadding="0"
|
|
22
|
+
cellspacing="0"
|
|
23
|
+
role="presentation"
|
|
24
|
+
style="width: 100%; font-family: Arial, Helvetica, sans-serif; color: #ffffff"
|
|
25
|
+
>
|
|
26
|
+
<tr>
|
|
27
|
+
<td style="font-size: 36px; font-weight: lighter; line-height: 1.3; padding-bottom: 25px">Booking Status</td>
|
|
28
|
+
</tr>
|
|
29
|
+
|
|
30
|
+
<tr>
|
|
31
|
+
<td>
|
|
32
|
+
<table
|
|
33
|
+
border="0"
|
|
34
|
+
cellpadding="0"
|
|
35
|
+
cellspacing="0"
|
|
36
|
+
role="presentation"
|
|
37
|
+
style="
|
|
38
|
+
width: 100%;
|
|
39
|
+
border-radius: 16px;
|
|
40
|
+
border: 2px solid var(--dark-grey-border, #343a45);
|
|
41
|
+
background: var(--Corporate-blue, #111723);
|
|
42
|
+
"
|
|
43
|
+
>
|
|
44
|
+
<tr>
|
|
45
|
+
<td
|
|
46
|
+
colspan="2"
|
|
47
|
+
style="
|
|
48
|
+
padding: 20px 20px 15px 20px;
|
|
49
|
+
font-size: 16px;
|
|
50
|
+
font-weight: bold;
|
|
51
|
+
border-bottom: 1px solid #2c2f42;
|
|
52
|
+
color: #ffffff;
|
|
53
|
+
"
|
|
54
|
+
>
|
|
55
|
+
Facility Booking
|
|
56
|
+
</td>
|
|
57
|
+
</tr>
|
|
58
|
+
<tr>
|
|
59
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #adb5bd; border-bottom: 1px solid #2c2f42; width: 40%">
|
|
60
|
+
Facility
|
|
61
|
+
</td>
|
|
62
|
+
<td
|
|
63
|
+
align="right"
|
|
64
|
+
style="padding: 15px 20px; font-size: 15px; color: #ffffff; font-weight: normal; border-bottom: 1px solid #2c2f42"
|
|
65
|
+
>
|
|
66
|
+
{{facilityName}}
|
|
67
|
+
</td>
|
|
68
|
+
</tr>
|
|
69
|
+
<tr>
|
|
70
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #adb5bd; border-bottom: 1px solid #2c2f42">Booked by</td>
|
|
71
|
+
<td
|
|
72
|
+
align="right"
|
|
73
|
+
style="padding: 15px 20px; font-size: 15px; color: #ffffff; font-weight: normal; border-bottom: 1px solid #2c2f42"
|
|
74
|
+
>
|
|
75
|
+
<table border="0" cellpadding="0" cellspacing="0" align="right">
|
|
76
|
+
<tr>
|
|
77
|
+
<td
|
|
78
|
+
align="center"
|
|
79
|
+
style="
|
|
80
|
+
background-color: #6f42c1;
|
|
81
|
+
border-radius: 50%;
|
|
82
|
+
width: 24px;
|
|
83
|
+
height: 24px;
|
|
84
|
+
line-height: 24px;
|
|
85
|
+
color: #ffffff;
|
|
86
|
+
font-size: 12px;
|
|
87
|
+
font-weight: bold;
|
|
88
|
+
"
|
|
89
|
+
>
|
|
90
|
+
{{fullNameFirstLetter}}
|
|
91
|
+
</td>
|
|
92
|
+
<td style="padding-left: 10px; color: #ffffff">{{fullName}}</td>
|
|
93
|
+
</tr>
|
|
94
|
+
</table>
|
|
95
|
+
</td>
|
|
96
|
+
</tr>
|
|
97
|
+
<tr>
|
|
98
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #adb5bd; border-bottom: 1px solid #2c2f42">Company</td>
|
|
99
|
+
<td
|
|
100
|
+
align="right"
|
|
101
|
+
style="padding: 15px 20px; font-size: 15px; color: #ffffff; font-weight: normal; border-bottom: 1px solid #2c2f42"
|
|
102
|
+
>
|
|
103
|
+
{{company}}
|
|
104
|
+
</td>
|
|
105
|
+
</tr>
|
|
106
|
+
<tr>
|
|
107
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #adb5bd; border-bottom: 1px solid #2c2f42">Email</td>
|
|
108
|
+
<td
|
|
109
|
+
align="right"
|
|
110
|
+
style="padding: 15px 20px; font-size: 15px; color: #ffffff; font-weight: normal; border-bottom: 1px solid #2c2f42"
|
|
111
|
+
>
|
|
112
|
+
{{email}}
|
|
113
|
+
</td>
|
|
114
|
+
</tr>
|
|
115
|
+
<tr>
|
|
116
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #adb5bd; border-bottom: 1px solid #2c2f42">Phone Number</td>
|
|
117
|
+
<td
|
|
118
|
+
align="right"
|
|
119
|
+
style="padding: 15px 20px; font-size: 15px; color: #ffffff; font-weight: normal; border-bottom: 1px solid #2c2f42"
|
|
120
|
+
>
|
|
121
|
+
{{phoneNumber}}
|
|
122
|
+
</td>
|
|
123
|
+
</tr>
|
|
124
|
+
<tr>
|
|
125
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #adb5bd; border-bottom: 1px solid #2c2f42">Booked at</td>
|
|
126
|
+
<td
|
|
127
|
+
align="right"
|
|
128
|
+
style="padding: 15px 20px; font-size: 15px; color: #ffffff; font-weight: normal; border-bottom: 1px solid #2c2f42"
|
|
129
|
+
>
|
|
130
|
+
{{bookAt}}
|
|
131
|
+
</td>
|
|
132
|
+
</tr>
|
|
133
|
+
<tr>
|
|
134
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #adb5bd; border-bottom: 1px solid #2c2f42">Booking Date</td>
|
|
135
|
+
<td
|
|
136
|
+
align="right"
|
|
137
|
+
style="padding: 15px 20px; font-size: 15px; color: #ffffff; font-weight: normal; border-bottom: 1px solid #2c2f42"
|
|
138
|
+
>
|
|
139
|
+
{{bookingDate}}
|
|
140
|
+
</td>
|
|
141
|
+
</tr>
|
|
142
|
+
<tr>
|
|
143
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #adb5bd; border-bottom: 1px solid #2c2f42">Booking Slot</td>
|
|
144
|
+
<td
|
|
145
|
+
align="right"
|
|
146
|
+
style="padding: 15px 20px; font-size: 15px; color: #ffffff; font-weight: normal; border-bottom: 1px solid #2c2f42"
|
|
147
|
+
>
|
|
148
|
+
{{slotName}}
|
|
149
|
+
</td>
|
|
150
|
+
</tr>
|
|
151
|
+
{{#if remarks}}
|
|
152
|
+
<tr>
|
|
153
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #adb5bd; border-bottom: 1px solid #2c2f42">Status</td>
|
|
154
|
+
<td
|
|
155
|
+
align="right"
|
|
156
|
+
style="padding: 15px 20px; font-size: 15px; color: #ffffff; font-weight: normal; border-bottom: 1px solid #2c2f42"
|
|
157
|
+
>
|
|
158
|
+
{{status}}
|
|
159
|
+
</td>
|
|
160
|
+
</tr>
|
|
161
|
+
{{else}}
|
|
162
|
+
<tr>
|
|
163
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #adb5bd">Status</td>
|
|
164
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #ffffff; font-weight: normal">{{status}}</td>
|
|
165
|
+
</tr>
|
|
166
|
+
{{/if}}
|
|
167
|
+
{{#if remarks}}
|
|
168
|
+
<tr>
|
|
169
|
+
<td style="padding: 20px 35px; font-size: 15px; color: #adb5bd">Remarks</td>
|
|
170
|
+
<td align="right" style="padding: 15px 20px; font-size: 15px; color: #ffffff; font-weight: normal">{{remarks}}</td>
|
|
171
|
+
</tr>
|
|
172
|
+
{{/if}}
|
|
173
|
+
</table>
|
|
174
|
+
</td>
|
|
175
|
+
</tr>
|
|
176
|
+
{{!-- Booking Policy Starts --}}
|
|
177
|
+
{{#if bookingPolicy}}
|
|
178
|
+
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
179
|
+
<tr>
|
|
180
|
+
<td align="center" style="padding: 40px 20px 20px 20px; font-size: 24px; font-weight: bold; color: #ffffff;">
|
|
181
|
+
The policy below was acknowledged during booking.
|
|
182
|
+
</td>
|
|
183
|
+
</tr>
|
|
184
|
+
<tr>
|
|
185
|
+
<td align="center" style="padding-top: 30px; font-size: 20px; font-weight: bold; color: #ffffff;">
|
|
186
|
+
Booking Policy
|
|
187
|
+
</td>
|
|
188
|
+
</tr>
|
|
189
|
+
<!-- Tiptap HTML Content -->
|
|
190
|
+
<tr>
|
|
191
|
+
<td style="padding: 20px 30px; font-size: 14px; line-height: 22px; color: #ffffff;">
|
|
192
|
+
{{{bookingPolicy}}}
|
|
193
|
+
</td>
|
|
194
|
+
</tr>
|
|
195
|
+
</table>
|
|
196
|
+
{{/if}}
|
|
197
|
+
{{!-- Booking Policy Ends --}}
|
|
198
|
+
<tr>
|
|
199
|
+
<td align="center" style="padding: 30px 0">
|
|
200
|
+
<a
|
|
201
|
+
href="{{bookingLink}}"
|
|
202
|
+
target="_blank"
|
|
203
|
+
style="
|
|
204
|
+
display: inline-block;
|
|
205
|
+
padding: 14px 40px;
|
|
206
|
+
color: #ffffff;
|
|
207
|
+
font-size: 18px;
|
|
208
|
+
line-height: normal;
|
|
209
|
+
border-radius: 6px;
|
|
210
|
+
background-color: #1867c0;
|
|
211
|
+
text-decoration: none;
|
|
212
|
+
width: 550px;
|
|
213
|
+
text-align: center;
|
|
214
|
+
"
|
|
215
|
+
>
|
|
216
|
+
View My Booking
|
|
217
|
+
</a>
|
|
218
|
+
</td>
|
|
219
|
+
</tr>
|
|
220
|
+
|
|
221
|
+
<tr>
|
|
222
|
+
<td align="left" style="font-size: 14px; line-height: 1.5; color: #adb5bd">
|
|
223
|
+
If you didn't sign up, you can safely ignore this email.
|
|
224
|
+
</td>
|
|
225
|
+
</tr>
|
|
226
|
+
<tr>
|
|
227
|
+
<td align="left" style="font-size: 14px; line-height: 1.5; color: #adb5bd; padding-top: 10px">
|
|
228
|
+
Need help? Contact our support team at
|
|
229
|
+
<a href="mailto:contact@seven365.com.sg" style="color: #5cacee; text-decoration: underline">contact@seven365.com.sg</a>
|
|
230
|
+
</td>
|
|
231
|
+
</tr>
|
|
232
|
+
</table>
|
|
233
|
+
</td>
|
|
234
|
+
</tr>
|
|
235
|
+
</tbody>
|
|
236
|
+
</table>
|
|
237
|
+
</td>
|
|
238
|
+
</tr>
|
|
239
|
+
</tbody>
|
|
240
|
+
</table>
|
|
241
|
+
</center>
|
|
242
|
+
</body>
|
|
243
|
+
</html>
|