Hugging Face's logo

Spaces:
brestok
/
spark
Sleeping

App Files Community
brestok commited on
Commit
fa2fd41
·
1 Parent(s): de68a47

fix

Browse files
Files changed (10) hide show
  1. cbh/api/calls/utils.py +7 -7
  2. cbh/api/calls/views.py +0 -14
  3. cbh/templates/emails/anonymousBookingConfirmation.html +98 -98
  4. cbh/templates/emails/base.html +8 -14
  5. cbh/templates/emails/bookingConfirmation.html +73 -73
  6. cbh/templates/emails/bookingConfirmationCoach.html +71 -71
  7. cbh/templates/emails/sessionCancellation.html +56 -56
  8. cbh/templates/emails/sessionCancellationCoach.html +54 -54
  9. cbh/templates/emails/sessionReminder.html +60 -60
  10. cbh/templates/emails/sessionReminderCoach.html +60 -60
cbh/api/calls/utils.py CHANGED
@@ -53,7 +53,7 @@ async def send_customer_booking_email(call: CallModel) -> None:
53
  )
54
 
55
  await settings.EMAIL_CLIENT.send_email(
56
- '6234513@gmail.com',
57
  f"You're all set! Session with {call.coach.name} confirmed!",
58
  template_content,
59
  )
@@ -80,7 +80,7 @@ async def send_coach_booking_email(call: CallModel) -> None:
80
  )
81
 
82
  await settings.EMAIL_CLIENT.send_email(
83
- '6234513@gmail.com',
84
  f"New session booked with {call.customer.name}!",
85
  template_content,
86
  )
@@ -104,7 +104,7 @@ async def send_cancel_customer_email(call: CallModel) -> None:
104
  )
105
 
106
  await settings.EMAIL_CLIENT.send_email(
107
- '6234513@gmail.com',
108
  f"Your session with {call.coach.name} has been cancelled.",
109
  template_content,
110
  )
@@ -128,7 +128,7 @@ async def send_cancel_coach_email(call: CallModel) -> None:
128
  )
129
 
130
  await settings.EMAIL_CLIENT.send_email(
131
- '6234513@gmail.com',
132
  f"{call.customer.name} cancelled their session.",
133
  template_content,
134
  )
@@ -158,7 +158,7 @@ async def send_session_reminder_email(call: CallModel) -> None:
158
  )
159
 
160
  await settings.EMAIL_CLIENT.send_email(
161
- '6234513@gmail.com',
162
  f"Your session with {call.coach.name} is starting in 1 hour.",
163
  template_content,
164
  )
@@ -188,7 +188,7 @@ async def send_session_reminder_coach_email(call: CallModel) -> None:
188
  )
189
 
190
  await settings.EMAIL_CLIENT.send_email(
191
- '6234513@gmail.com',
192
  f"Your session with {call.customer.name} is starting in 1 hour.",
193
  template_content,
194
  )
@@ -213,7 +213,7 @@ async def send_anonymous_booking_email(call: CallModel) -> None:
213
  )
214
 
215
  await settings.EMAIL_CLIENT.send_email(
216
- '6234513@gmail.com',
217
  f"You're all set! Session with {call.coach.name} confirmed!",
218
  template_content,
219
  )
 
53
  )
54
 
55
  await settings.EMAIL_CLIENT.send_email(
56
+ call.customer.email,
57
  f"You're all set! Session with {call.coach.name} confirmed!",
58
  template_content,
59
  )
 
80
  )
81
 
82
  await settings.EMAIL_CLIENT.send_email(
83
+ call.coach.email,
84
  f"New session booked with {call.customer.name}!",
85
  template_content,
86
  )
 
104
  )
105
 
106
  await settings.EMAIL_CLIENT.send_email(
107
+ call.customer.email,
108
  f"Your session with {call.coach.name} has been cancelled.",
109
  template_content,
110
  )
 
128
  )
129
 
130
  await settings.EMAIL_CLIENT.send_email(
131
+ call.coach.email,
132
  f"{call.customer.name} cancelled their session.",
133
  template_content,
134
  )
 
158
  )
159
 
160
  await settings.EMAIL_CLIENT.send_email(
161
+ call.customer.email,
162
  f"Your session with {call.coach.name} is starting in 1 hour.",
163
  template_content,
164
  )
 
188
  )
189
 
190
  await settings.EMAIL_CLIENT.send_email(
191
+ call.coach.email,
192
  f"Your session with {call.customer.name} is starting in 1 hour.",
193
  template_content,
194
  )
 
213
  )
214
 
215
  await settings.EMAIL_CLIENT.send_email(
216
+ call.customer.email,
217
  f"You're all set! Session with {call.coach.name} confirmed!",
218
  template_content,
219
  )
cbh/api/calls/views.py CHANGED
@@ -207,17 +207,3 @@ async def initialize_daily(
207
  return CbhResponseWrapper(
208
  data=DailyInitializeResponse(token=token, roomUrl=call.roomUrl)
209
  )
210
-
211
-
212
- @calls_router.post("/daily/{callId}/send-emails")
213
- async def send_daily_emails(
214
- callId: str,
215
- ) -> CbhResponseWrapper:
216
- """
217
- Send daily emails.
218
- """
219
- call = await get_obj_by_id(CallModel, callId)
220
- await send_anonymous_booking_email(call)
221
- await send_coach_booking_email(call)
222
- await send_session_reminder_email(call)
223
- await send_session_reminder_coach_email(call)
 
207
  return CbhResponseWrapper(
208
  data=DailyInitializeResponse(token=token, roomUrl=call.roomUrl)
209
  )
 
 
 
 
 
 
 
 
 
 
 
 
 
 
cbh/templates/emails/anonymousBookingConfirmation.html CHANGED
@@ -1,19 +1,19 @@
1
  {% extends "base.html" %}
2
 
3
- {% block title %}Booking Confirmed - Complete Your Registration{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
- <td style="padding: 40px 40px 32px 40px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
- <table cellspacing="0" cellpadding="0" style="margin: 0 auto 24px auto;">
12
  <tr>
13
- <td style="background-color: #d4edda; border-radius: 50%; padding: 16px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
- <td style="width: 48px; height: 48px; background-color: #28a745; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 28px; color: #ffffff;">
17
  ✓
18
  </td>
19
  </tr>
@@ -23,52 +23,52 @@
23
  </table>
24
 
25
  <h1 style="
26
- font-size: 28px;
27
  font-weight: 600;
28
  color: #212529;
29
- margin: 0 0 12px 0;
30
  line-height: 1.3;
31
  ">
32
- Booking Confirmed!
33
  </h1>
34
 
35
  <p style="
36
- font-size: 16px;
37
  color: #6c757d;
38
- margin: 0 0 32px 0;
39
- line-height: 1.6;
40
  ">
41
- Your payment was successful and your coaching session has been booked.<br/>
42
- One more step to get started!
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 32px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background: linear-gradient(135deg, #54949D 0%, #4a8289 100%);
53
- border-radius: 12px;
54
- padding: 24px;
55
  color: #ffffff;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
- <td style="padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2)">
60
  <p style="
61
- font-size: 13px;
62
  font-weight: 500;
63
  color: rgba(255, 255, 255, 0.8);
64
- margin: 0 0 8px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
- Your Coach
69
  </p>
70
  <p style="
71
- font-size: 20px;
72
  font-weight: 600;
73
  color: #ffffff;
74
  margin: 0;
@@ -78,22 +78,22 @@
78
  </td>
79
  </tr>
80
  <tr>
81
- <td style="padding-top: 20px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
- <td style="width: 50%; vertical-align: top; padding-right: 12px">
85
  <p style="
86
- font-size: 13px;
87
  font-weight: 500;
88
  color: rgba(255, 255, 255, 0.8);
89
- margin: 0 0 8px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
- Date & Time
94
  </p>
95
  <p style="
96
- font-size: 16px;
97
  font-weight: 600;
98
  color: #ffffff;
99
  margin: 0;
@@ -101,24 +101,24 @@
101
  {{start_date}}
102
  </p>
103
  </td>
104
- <td style="width: 50%; vertical-align: top; padding-left: 12px">
105
  <p style="
106
- font-size: 13px;
107
  font-weight: 500;
108
  color: rgba(255, 255, 255, 0.8);
109
- margin: 0 0 8px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
- Duration
114
  </p>
115
  <p style="
116
- font-size: 16px;
117
  font-weight: 600;
118
  color: #ffffff;
119
  margin: 0;
120
  ">
121
- {{duration|int}} minutes
122
  </p>
123
  </td>
124
  </tr>
@@ -131,48 +131,48 @@
131
  </tr>
132
  </table>
133
 
134
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 32px">
135
  <tr>
136
  <td>
137
  <div style="
138
  background: linear-gradient(135deg, #ffc107 0%, #f7bd11 100%);
139
- border-radius: 12px;
140
- padding: 24px;
141
  text-align: center;
142
  ">
143
  <h3 style="
144
- font-size: 20px;
145
  font-weight: 600;
146
  color: #212529;
147
- margin: 0 0 12px 0;
148
  ">
149
- 📝 Complete Your Registration
150
  </h3>
151
  <p style="
152
- font-size: 15px;
153
  color: #495057;
154
- margin: 0 0 20px 0;
155
- line-height: 1.6;
156
  ">
157
- To join your session and access your Spark account,<br/>
158
- please complete your registration now.
159
  </p>
160
  <table cellspacing="0" cellpadding="0" style="margin: 0 auto">
161
  <tr>
162
  <td style="
163
  background-color: #212529;
164
- border-radius: 10px;
165
  text-align: center;
166
  ">
167
  <a href="{{registration_link}}" style="
168
  display: inline-block;
169
- padding: 14px 40px;
170
  color: #ffffff;
171
  text-decoration: none;
172
- font-size: 16px;
173
  font-weight: 600;
174
  " class="btn-mobile">
175
- Complete Registration
176
  </a>
177
  </td>
178
  </tr>
@@ -182,86 +182,86 @@
182
  </tr>
183
  </table>
184
 
185
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 32px">
186
  <tr>
187
  <td>
188
  <h3 style="
189
- font-size: 18px;
190
  font-weight: 600;
191
  color: #212529;
192
- margin: 0 0 16px 0;
193
  ">
194
- What Happens Next?
195
  </h3>
196
  <div style="
197
  background-color: #f8f9fa;
198
- border-radius: 12px;
199
- padding: 20px;
200
  ">
201
  <table cellspacing="0" cellpadding="0" style="width: 100%">
202
  <tr>
203
- <td style="vertical-align: top; width: 40px; padding-right: 16px">
204
  <table cellspacing="0" cellpadding="0">
205
  <tr>
206
- <td style="width: 32px; height: 32px; background-color: #f7bd11; border-radius: 50%; text-align: center; vertical-align: middle; font-weight: 600; font-size: 16px; color: #212529;">
207
  1
208
  </td>
209
  </tr>
210
  </table>
211
  </td>
212
- <td style="vertical-align: top; padding-bottom: 16px">
213
  <p style="
214
- font-size: 15px;
215
  font-weight: 600;
216
  color: #212529;
217
- margin: 0 0 4px 0;
218
  ">
219
- Complete Registration
220
  </p>
221
  <p style="
222
- font-size: 14px;
223
  color: #6c757d;
224
  margin: 0;
225
- line-height: 1.5;
226
  ">
227
- Click the button above to finish setting up your account
228
  </p>
229
  </td>
230
  </tr>
231
  <tr>
232
- <td style="vertical-align: top; width: 40px; padding-right: 16px">
233
  <table cellspacing="0" cellpadding="0">
234
  <tr>
235
- <td style="width: 32px; height: 32px; background-color: #54949D; border-radius: 50%; text-align: center; vertical-align: middle; font-weight: 600; font-size: 16px; color: #ffffff;">
236
  2
237
  </td>
238
  </tr>
239
  </table>
240
  </td>
241
- <td style="vertical-align: top; padding-bottom: 16px">
242
  <p style="
243
- font-size: 15px;
244
  font-weight: 600;
245
  color: #212529;
246
- margin: 0 0 4px 0;
247
  ">
248
- Access Your Dashboard
249
  </p>
250
  <p style="
251
- font-size: 14px;
252
  color: #6c757d;
253
  margin: 0;
254
- line-height: 1.5;
255
  ">
256
- View your upcoming session and manage your bookings
257
  </p>
258
  </td>
259
  </tr>
260
  <tr>
261
- <td style="vertical-align: top; width: 40px; padding-right: 16px">
262
  <table cellspacing="0" cellpadding="0">
263
  <tr>
264
- <td style="width: 32px; height: 32px; background-color: #28a745; border-radius: 50%; text-align: center; vertical-align: middle; font-weight: 600; font-size: 16px; color: #ffffff;">
265
  3
266
  </td>
267
  </tr>
@@ -269,20 +269,20 @@
269
  </td>
270
  <td style="vertical-align: top">
271
  <p style="
272
- font-size: 15px;
273
  font-weight: 600;
274
  color: #212529;
275
- margin: 0 0 4px 0;
276
  ">
277
- Join Your Session
278
  </p>
279
  <p style="
280
- font-size: 14px;
281
  color: #6c757d;
282
  margin: 0;
283
- line-height: 1.5;
284
  ">
285
- You'll receive a reminder email 1 hour before your session starts
286
  </p>
287
  </td>
288
  </tr>
@@ -297,25 +297,25 @@
297
  <td>
298
  <div style="
299
  background-color: #fff3cd;
300
- border-left: 4px solid #ffc107;
301
- border-radius: 8px;
302
- padding: 20px;
303
  ">
304
  <h4 style="
305
- font-size: 16px;
306
  font-weight: 600;
307
  color: #856404;
308
- margin: 0 0 12px 0;
309
  ">
310
- Important: Registration Required
311
  </h4>
312
  <p style="
313
  margin: 0;
314
  color: #856404;
315
- font-size: 14px;
316
- line-height: 1.7;
317
  ">
318
- Without completing your registration, you won't be able to join your coaching session. Please complete this step as soon as possible to ensure access to your upcoming call.
319
  </p>
320
  </div>
321
  </td>
@@ -327,25 +327,25 @@
327
 
328
  {% block after_content %}
329
  <tr>
330
- <td style="padding: 24px 40px 32px 40px; text-align: center">
331
  <p style="
332
- font-size: 14px;
333
  font-weight: 400;
334
  color: #6c757d;
335
- line-height: 1.6;
336
- margin: 0 0 8px 0;
337
  ">
338
- Having trouble completing your registration?
339
  </p>
340
  <p style="
341
- font-size: 13px;
342
  font-weight: 400;
343
  color: #adb5bd;
344
- line-height: 1.6;
345
  margin: 0;
346
  ">
347
- Contact us at <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
348
  </p>
349
  </td>
350
  </tr>
351
- {% endblock %}
 
1
  {% extends "base.html" %}
2
 
3
+ {% block title %}Boeking Bevestigd - Voltooi uw Registratie{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
+ <td style="padding: 24px 24px 20px 24px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
+ <table cellspacing="0" cellpadding="0" style="margin: 0 auto 16px auto;">
12
  <tr>
13
+ <td style="background-color: #d4edda; border-radius: 50%; padding: 12px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
+ <td style="width: 40px; height: 40px; background-color: #28a745; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 24px; color: #ffffff;">
17
  ✓
18
  </td>
19
  </tr>
 
23
  </table>
24
 
25
  <h1 style="
26
+ font-size: 22px;
27
  font-weight: 600;
28
  color: #212529;
29
+ margin: 0 0 8px 0;
30
  line-height: 1.3;
31
  ">
32
+ Boeking Bevestigd!
33
  </h1>
34
 
35
  <p style="
36
+ font-size: 14px;
37
  color: #6c757d;
38
+ margin: 0 0 20px 0;
39
+ line-height: 1.5;
40
  ">
41
+ Uw betaling is geslaagd en uw coachingsessie is geboekt.<br/>
42
+ Nog één stap om aan de slag te gaan!
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 20px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background: linear-gradient(135deg, #54949D 0%, #4a8289 100%);
53
+ border-radius: 10px;
54
+ padding: 16px;
55
  color: #ffffff;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
+ <td style="padding-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.2)">
60
  <p style="
61
+ font-size: 11px;
62
  font-weight: 500;
63
  color: rgba(255, 255, 255, 0.8);
64
+ margin: 0 0 6px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
+ Uw Coach
69
  </p>
70
  <p style="
71
+ font-size: 18px;
72
  font-weight: 600;
73
  color: #ffffff;
74
  margin: 0;
 
78
  </td>
79
  </tr>
80
  <tr>
81
+ <td style="padding-top: 14px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
+ <td style="width: 50%; vertical-align: top; padding-right: 10px">
85
  <p style="
86
+ font-size: 11px;
87
  font-weight: 500;
88
  color: rgba(255, 255, 255, 0.8);
89
+ margin: 0 0 6px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
+ Datum & Tijd
94
  </p>
95
  <p style="
96
+ font-size: 14px;
97
  font-weight: 600;
98
  color: #ffffff;
99
  margin: 0;
 
101
  {{start_date}}
102
  </p>
103
  </td>
104
+ <td style="width: 50%; vertical-align: top; padding-left: 10px">
105
  <p style="
106
+ font-size: 11px;
107
  font-weight: 500;
108
  color: rgba(255, 255, 255, 0.8);
109
+ margin: 0 0 6px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
+ Duur
114
  </p>
115
  <p style="
116
+ font-size: 14px;
117
  font-weight: 600;
118
  color: #ffffff;
119
  margin: 0;
120
  ">
121
+ {{duration|int}} minuten
122
  </p>
123
  </td>
124
  </tr>
 
131
  </tr>
132
  </table>
133
 
134
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 20px">
135
  <tr>
136
  <td>
137
  <div style="
138
  background: linear-gradient(135deg, #ffc107 0%, #f7bd11 100%);
139
+ border-radius: 10px;
140
+ padding: 18px;
141
  text-align: center;
142
  ">
143
  <h3 style="
144
+ font-size: 18px;
145
  font-weight: 600;
146
  color: #212529;
147
+ margin: 0 0 8px 0;
148
  ">
149
+ 📝 Voltooi uw Registratie
150
  </h3>
151
  <p style="
152
+ font-size: 13px;
153
  color: #495057;
154
+ margin: 0 0 14px 0;
155
+ line-height: 1.5;
156
  ">
157
+ Om deel te nemen aan uw sessie en toegang te krijgen tot uw Spark-account,<br/>
158
+ verzoeken wij u uw registratie nu te voltooien.
159
  </p>
160
  <table cellspacing="0" cellpadding="0" style="margin: 0 auto">
161
  <tr>
162
  <td style="
163
  background-color: #212529;
164
+ border-radius: 8px;
165
  text-align: center;
166
  ">
167
  <a href="{{registration_link}}" style="
168
  display: inline-block;
169
+ padding: 12px 28px;
170
  color: #ffffff;
171
  text-decoration: none;
172
+ font-size: 14px;
173
  font-weight: 600;
174
  " class="btn-mobile">
175
+ Voltooi Registratie
176
  </a>
177
  </td>
178
  </tr>
 
182
  </tr>
183
  </table>
184
 
185
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 20px">
186
  <tr>
187
  <td>
188
  <h3 style="
189
+ font-size: 16px;
190
  font-weight: 600;
191
  color: #212529;
192
+ margin: 0 0 12px 0;
193
  ">
194
+ Wat gebeurt er nu?
195
  </h3>
196
  <div style="
197
  background-color: #f8f9fa;
198
+ border-radius: 10px;
199
+ padding: 16px;
200
  ">
201
  <table cellspacing="0" cellpadding="0" style="width: 100%">
202
  <tr>
203
+ <td style="vertical-align: top; width: 36px; padding-right: 12px">
204
  <table cellspacing="0" cellpadding="0">
205
  <tr>
206
+ <td style="width: 28px; height: 28px; background-color: #f7bd11; border-radius: 50%; text-align: center; vertical-align: middle; font-weight: 600; font-size: 14px; color: #212529;">
207
  1
208
  </td>
209
  </tr>
210
  </table>
211
  </td>
212
+ <td style="vertical-align: top; padding-bottom: 12px">
213
  <p style="
214
+ font-size: 14px;
215
  font-weight: 600;
216
  color: #212529;
217
+ margin: 0 0 3px 0;
218
  ">
219
+ Voltooi Registratie
220
  </p>
221
  <p style="
222
+ font-size: 13px;
223
  color: #6c757d;
224
  margin: 0;
225
+ line-height: 1.4;
226
  ">
227
+ Klik op de bovenstaande knop om het instellen van uw account te voltooien
228
  </p>
229
  </td>
230
  </tr>
231
  <tr>
232
+ <td style="vertical-align: top; width: 36px; padding-right: 12px">
233
  <table cellspacing="0" cellpadding="0">
234
  <tr>
235
+ <td style="width: 28px; height: 28px; background-color: #54949D; border-radius: 50%; text-align: center; vertical-align: middle; font-weight: 600; font-size: 14px; color: #ffffff;">
236
  2
237
  </td>
238
  </tr>
239
  </table>
240
  </td>
241
+ <td style="vertical-align: top; padding-bottom: 12px">
242
  <p style="
243
+ font-size: 14px;
244
  font-weight: 600;
245
  color: #212529;
246
+ margin: 0 0 3px 0;
247
  ">
248
+ Toegang tot uw Dashboard
249
  </p>
250
  <p style="
251
+ font-size: 13px;
252
  color: #6c757d;
253
  margin: 0;
254
+ line-height: 1.4;
255
  ">
256
+ Bekijk uw komende sessie en beheer uw boekingen
257
  </p>
258
  </td>
259
  </tr>
260
  <tr>
261
+ <td style="vertical-align: top; width: 36px; padding-right: 12px">
262
  <table cellspacing="0" cellpadding="0">
263
  <tr>
264
+ <td style="width: 28px; height: 28px; background-color: #28a745; border-radius: 50%; text-align: center; vertical-align: middle; font-weight: 600; font-size: 14px; color: #ffffff;">
265
  3
266
  </td>
267
  </tr>
 
269
  </td>
270
  <td style="vertical-align: top">
271
  <p style="
272
+ font-size: 14px;
273
  font-weight: 600;
274
  color: #212529;
275
+ margin: 0 0 3px 0;
276
  ">
277
+ Neem deel aan uw Sessie
278
  </p>
279
  <p style="
280
+ font-size: 13px;
281
  color: #6c757d;
282
  margin: 0;
283
+ line-height: 1.4;
284
  ">
285
+ U ontvangt 1 uur voordat uw sessie begint een herinneringsmail
286
  </p>
287
  </td>
288
  </tr>
 
297
  <td>
298
  <div style="
299
  background-color: #fff3cd;
300
+ border-left: 3px solid #ffc107;
301
+ border-radius: 6px;
302
+ padding: 14px;
303
  ">
304
  <h4 style="
305
+ font-size: 14px;
306
  font-weight: 600;
307
  color: #856404;
308
+ margin: 0 0 8px 0;
309
  ">
310
+ Belangrijk: Registratie Vereist
311
  </h4>
312
  <p style="
313
  margin: 0;
314
  color: #856404;
315
+ font-size: 13px;
316
+ line-height: 1.5;
317
  ">
318
+ Zonder uw registratie te voltooien, kunt u niet deelnemen aan uw coachingsessie. Voltooi deze stap zo snel mogelijk om toegang tot uw komende gesprek te garanderen.
319
  </p>
320
  </div>
321
  </td>
 
327
 
328
  {% block after_content %}
329
  <tr>
330
+ <td style="padding: 16px 24px 20px 24px; text-align: center">
331
  <p style="
332
+ font-size: 13px;
333
  font-weight: 400;
334
  color: #6c757d;
335
+ line-height: 1.5;
336
+ margin: 0 0 6px 0;
337
  ">
338
+ Heeft u problemen met het voltooien van uw registratie?
339
  </p>
340
  <p style="
341
+ font-size: 12px;
342
  font-weight: 400;
343
  color: #adb5bd;
344
+ line-height: 1.5;
345
  margin: 0;
346
  ">
347
+ Neem contact met ons op via <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
348
  </p>
349
  </td>
350
  </tr>
351
+ {% endblock %}
cbh/templates/emails/base.html CHANGED
@@ -1,5 +1,5 @@
1
  <!DOCTYPE html>
2
- <html lang="en">
3
  <head>
4
  <meta charset="UTF-8" />
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -24,14 +24,8 @@
24
  <table style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 16px; overflow: hidden" cellspacing="0" cellpadding="0">
25
  {% block header %}
26
  <tr>
27
- <td style="padding: 32px 40px 24px 40px; text-align: center; background: linear-gradient(135deg, #54949D 0%, #54949D 100%)">
28
- <table cellpadding="0" cellspacing="0" style="margin: 0 auto">
29
- <tr>
30
- <td style="vertical-align: middle">
31
- <img src="https://spark-alpha-eight.vercel.app/logo.png" alt="Spark Logo" style="height: 40px; vertical-align: middle" />
32
- </td>
33
- </tr>
34
- </table>
35
  </td>
36
  </tr>
37
  {% endblock %}
@@ -42,15 +36,15 @@
42
 
43
  {% block footer %}
44
  <tr>
45
- <td style="padding: 32px 40px; background-color: #f8f9fa; border-top: 1px solid #e9ecef">
46
  <table width="100%" cellpadding="0" cellspacing="0">
47
  <tr>
48
  <td style="text-align: center">
49
- <p style="font-size: 13px; font-weight: 400; color: #6c757d; line-height: 1.6; margin: 0 0 12px 0;">
50
- Need help? Contact us at <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none;">support@spark.com</a>
51
  </p>
52
- <p style="font-size: 12px; font-weight: 400; color: #adb5bd; line-height: 1.6; margin: 0;">
53
- © 2026 Spark. All rights reserved.
54
  </p>
55
  </td>
56
  </tr>
 
1
  <!DOCTYPE html>
2
+ <html lang="nl">
3
  <head>
4
  <meta charset="UTF-8" />
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
24
  <table style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 16px; overflow: hidden" cellspacing="0" cellpadding="0">
25
  {% block header %}
26
  <tr>
27
+ <td style="padding: 12px 24px; text-align: center; background-color: #ffffff; border-bottom: 1px solid #e9ecef;">
28
+ <img src="https://spark-alpha-eight.vercel.app/logo.png" alt="Spark Logo" style="height: 55px; vertical-align: middle; display: block; margin: 0 auto;" />
 
 
 
 
 
 
29
  </td>
30
  </tr>
31
  {% endblock %}
 
36
 
37
  {% block footer %}
38
  <tr>
39
+ <td style="padding: 20px 24px; background-color: #f8f9fa; border-top: 1px solid #e9ecef">
40
  <table width="100%" cellpadding="0" cellspacing="0">
41
  <tr>
42
  <td style="text-align: center">
43
+ <p style="font-size: 12px; font-weight: 400; color: #6c757d; line-height: 1.5; margin: 0 0 8px 0;">
44
+ Hulp nodig? Neem contact met ons op via <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none;">support@spark.com</a>
45
  </p>
46
+ <p style="font-size: 11px; font-weight: 400; color: #adb5bd; line-height: 1.5; margin: 0;">
47
+ © 2026 Spark. Alle rechten voorbehouden.
48
  </p>
49
  </td>
50
  </tr>
cbh/templates/emails/bookingConfirmation.html CHANGED
@@ -1,19 +1,19 @@
1
  {% extends "base.html" %}
2
 
3
- {% block title %}Booking Confirmed - Your Session with {{coach_name}}{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
- <td style="padding: 40px 40px 32px 40px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
- <table cellspacing="0" cellpadding="0" style="margin: 0 auto 24px auto;">
12
  <tr>
13
- <td style="background-color: #d4edda; border-radius: 50%; padding: 16px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
- <td style="width: 48px; height: 48px; background-color: #28a745; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 28px; color: #ffffff;">
17
  ✓
18
  </td>
19
  </tr>
@@ -23,52 +23,52 @@
23
  </table>
24
 
25
  <h1 style="
26
- font-size: 28px;
27
  font-weight: 600;
28
  color: #212529;
29
- margin: 0 0 12px 0;
30
  line-height: 1.3;
31
  ">
32
- Booking Confirmed!
33
  </h1>
34
 
35
  <p style="
36
- font-size: 16px;
37
  color: #6c757d;
38
- margin: 0 0 32px 0;
39
- line-height: 1.6;
40
  ">
41
- Hi {{user_name}}, your coaching session has been successfully booked.<br/>
42
- We're excited to help you on your journey!
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 32px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background: linear-gradient(135deg, #54949D 0%, #4a8289 100%);
53
- border-radius: 12px;
54
- padding: 24px;
55
  color: #ffffff;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
- <td style="padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2)">
60
  <p style="
61
- font-size: 13px;
62
  font-weight: 500;
63
  color: rgba(255, 255, 255, 0.8);
64
- margin: 0 0 8px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
- Your Coach
69
  </p>
70
  <p style="
71
- font-size: 20px;
72
  font-weight: 600;
73
  color: #ffffff;
74
  margin: 0;
@@ -78,22 +78,22 @@
78
  </td>
79
  </tr>
80
  <tr>
81
- <td style="padding-top: 20px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
- <td style="width: 50%; vertical-align: top; padding-right: 12px">
85
  <p style="
86
- font-size: 13px;
87
  font-weight: 500;
88
  color: rgba(255, 255, 255, 0.8);
89
- margin: 0 0 8px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
- Date & Time
94
  </p>
95
  <p style="
96
- font-size: 16px;
97
  font-weight: 600;
98
  color: #ffffff;
99
  margin: 0;
@@ -101,24 +101,24 @@
101
  {{start_date}}
102
  </p>
103
  </td>
104
- <td style="width: 50%; vertical-align: top; padding-left: 12px">
105
  <p style="
106
- font-size: 13px;
107
  font-weight: 500;
108
  color: rgba(255, 255, 255, 0.8);
109
- margin: 0 0 8px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
- Duration
114
  </p>
115
  <p style="
116
- font-size: 16px;
117
  font-weight: 600;
118
  color: #ffffff;
119
  margin: 0;
120
  ">
121
- {{duration|int}} minutes
122
  </p>
123
  </td>
124
  </tr>
@@ -131,58 +131,58 @@
131
  </tr>
132
  </table>
133
 
134
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 32px">
135
  <tr>
136
  <td>
137
  <h3 style="
138
- font-size: 18px;
139
  font-weight: 600;
140
  color: #212529;
141
- margin: 0 0 16px 0;
142
  ">
143
- How to Join Your Session
144
  </h3>
145
  <div style="
146
  background-color: #f8f9fa;
147
- border-radius: 12px;
148
- padding: 20px;
149
- margin-bottom: 20px;
150
  ">
151
  <p style="
152
- font-size: 14px;
153
  color: #495057;
154
- margin: 0 0 16px 0;
155
- line-height: 1.6;
156
  ">
157
- <strong>Option 1:</strong> Click the button below to join your video call at the scheduled time.
158
  </p>
159
- <table cellspacing="0" cellpadding="0" style="margin: 0 0 20px 0">
160
  <tr>
161
  <td style="
162
  background-color: #f7bd11;
163
- border-radius: 10px;
164
  text-align: center;
165
  ">
166
  <a href="{{join_link}}" style="
167
  display: inline-block;
168
- padding: 14px 32px;
169
  color: #212529;
170
  text-decoration: none;
171
- font-size: 16px;
172
  font-weight: 600;
173
  " class="btn-mobile">
174
- Join Video Call
175
  </a>
176
  </td>
177
  </tr>
178
  </table>
179
  <p style="
180
- font-size: 14px;
181
  color: #495057;
182
  margin: 0;
183
- line-height: 1.6;
184
  ">
185
- <strong>Option 2:</strong> Log in to your Spark account and start the session from your dashboard.
186
  </p>
187
  </div>
188
  </td>
@@ -194,30 +194,30 @@
194
  <td>
195
  <div style="
196
  background-color: #fff3cd;
197
- border-left: 4px solid #ffc107;
198
- border-radius: 8px;
199
- padding: 20px;
200
  ">
201
  <h4 style="
202
- font-size: 16px;
203
  font-weight: 600;
204
  color: #856404;
205
- margin: 0 0 12px 0;
206
  ">
207
- Cancellation Policy
208
  </h4>
209
  <ul style="
210
  margin: 0;
211
- padding-left: 20px;
212
  color: #856404;
213
- font-size: 14px;
214
- line-height: 1.8;
215
  ">
216
- <li style="margin-bottom: 8px">
217
- <strong>Free cancellation</strong> up to 48 hours before your session
218
  </li>
219
  <li>
220
- <strong>No refunds</strong> for cancellations made less than 48 hours before the session
221
  </li>
222
  </ul>
223
  </div>
@@ -230,25 +230,25 @@
230
 
231
  {% block after_content %}
232
  <tr>
233
- <td style="padding: 24px 40px 32px 40px; text-align: center">
234
  <p style="
235
- font-size: 14px;
236
  font-weight: 400;
237
  color: #6c757d;
238
- line-height: 1.6;
239
- margin: 0 0 8px 0;
240
  ">
241
- Have questions about your upcoming session?
242
  </p>
243
  <p style="
244
- font-size: 13px;
245
  font-weight: 400;
246
  color: #adb5bd;
247
- line-height: 1.6;
248
  margin: 0;
249
  ">
250
- We're here to help! Contact us at <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
251
  </p>
252
  </td>
253
  </tr>
254
- {% endblock %}
 
1
  {% extends "base.html" %}
2
 
3
+ {% block title %}Boeking Bevestigd - Uw Sessie met {{coach_name}}{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
+ <td style="padding: 24px 24px 20px 24px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
+ <table cellspacing="0" cellpadding="0" style="margin: 0 auto 16px auto;">
12
  <tr>
13
+ <td style="background-color: #d4edda; border-radius: 50%; padding: 12px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
+ <td style="width: 40px; height: 40px; background-color: #28a745; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 24px; color: #ffffff;">
17
  ✓
18
  </td>
19
  </tr>
 
23
  </table>
24
 
25
  <h1 style="
26
+ font-size: 22px;
27
  font-weight: 600;
28
  color: #212529;
29
+ margin: 0 0 8px 0;
30
  line-height: 1.3;
31
  ">
32
+ Boeking Bevestigd!
33
  </h1>
34
 
35
  <p style="
36
+ font-size: 14px;
37
  color: #6c757d;
38
+ margin: 0 0 20px 0;
39
+ line-height: 1.5;
40
  ">
41
+ Hallo {{user_name}}, uw coachingsessie is succesvol geboekt.<br/>
42
+ We kijken ernaar uit om u te helpen bij uw traject!
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 20px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background: linear-gradient(135deg, #54949D 0%, #4a8289 100%);
53
+ border-radius: 10px;
54
+ padding: 16px;
55
  color: #ffffff;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
+ <td style="padding-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.2)">
60
  <p style="
61
+ font-size: 11px;
62
  font-weight: 500;
63
  color: rgba(255, 255, 255, 0.8);
64
+ margin: 0 0 6px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
+ Uw Coach
69
  </p>
70
  <p style="
71
+ font-size: 18px;
72
  font-weight: 600;
73
  color: #ffffff;
74
  margin: 0;
 
78
  </td>
79
  </tr>
80
  <tr>
81
+ <td style="padding-top: 14px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
+ <td style="width: 50%; vertical-align: top; padding-right: 10px">
85
  <p style="
86
+ font-size: 11px;
87
  font-weight: 500;
88
  color: rgba(255, 255, 255, 0.8);
89
+ margin: 0 0 6px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
+ Datum & Tijd
94
  </p>
95
  <p style="
96
+ font-size: 14px;
97
  font-weight: 600;
98
  color: #ffffff;
99
  margin: 0;
 
101
  {{start_date}}
102
  </p>
103
  </td>
104
+ <td style="width: 50%; vertical-align: top; padding-left: 10px">
105
  <p style="
106
+ font-size: 11px;
107
  font-weight: 500;
108
  color: rgba(255, 255, 255, 0.8);
109
+ margin: 0 0 6px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
+ Duur
114
  </p>
115
  <p style="
116
+ font-size: 14px;
117
  font-weight: 600;
118
  color: #ffffff;
119
  margin: 0;
120
  ">
121
+ {{duration|int}} minuten
122
  </p>
123
  </td>
124
  </tr>
 
131
  </tr>
132
  </table>
133
 
134
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 20px">
135
  <tr>
136
  <td>
137
  <h3 style="
138
+ font-size: 16px;
139
  font-weight: 600;
140
  color: #212529;
141
+ margin: 0 0 12px 0;
142
  ">
143
+ Deelnemen aan uw Sessie
144
  </h3>
145
  <div style="
146
  background-color: #f8f9fa;
147
+ border-radius: 10px;
148
+ padding: 16px;
149
+ margin-bottom: 16px;
150
  ">
151
  <p style="
152
+ font-size: 13px;
153
  color: #495057;
154
+ margin: 0 0 12px 0;
155
+ line-height: 1.5;
156
  ">
157
+ <strong>Optie 1:</strong> Klik op de onderstaande knop om op het geplande tijdstip deel te nemen aan uw videogesprek.
158
  </p>
159
+ <table cellspacing="0" cellpadding="0" style="margin: 0 0 14px 0">
160
  <tr>
161
  <td style="
162
  background-color: #f7bd11;
163
+ border-radius: 8px;
164
  text-align: center;
165
  ">
166
  <a href="{{join_link}}" style="
167
  display: inline-block;
168
+ padding: 12px 24px;
169
  color: #212529;
170
  text-decoration: none;
171
+ font-size: 14px;
172
  font-weight: 600;
173
  " class="btn-mobile">
174
+ Deelnemen aan Videogesprek
175
  </a>
176
  </td>
177
  </tr>
178
  </table>
179
  <p style="
180
+ font-size: 13px;
181
  color: #495057;
182
  margin: 0;
183
+ line-height: 1.5;
184
  ">
185
+ <strong>Optie 2:</strong> Log in op uw Spark-account en start de sessie vanaf uw dashboard.
186
  </p>
187
  </div>
188
  </td>
 
194
  <td>
195
  <div style="
196
  background-color: #fff3cd;
197
+ border-left: 3px solid #ffc107;
198
+ border-radius: 6px;
199
+ padding: 14px;
200
  ">
201
  <h4 style="
202
+ font-size: 14px;
203
  font-weight: 600;
204
  color: #856404;
205
+ margin: 0 0 8px 0;
206
  ">
207
+ Annuleringsbeleid
208
  </h4>
209
  <ul style="
210
  margin: 0;
211
+ padding-left: 18px;
212
  color: #856404;
213
+ font-size: 13px;
214
+ line-height: 1.6;
215
  ">
216
+ <li style="margin-bottom: 6px">
217
+ <strong>Gratis annuleren</strong> tot 48 uur voor aanvang van uw sessie
218
  </li>
219
  <li>
220
+ <strong>Geen restitutie</strong> voor annuleringen die minder dan 48 uur voor de sessie worden gedaan
221
  </li>
222
  </ul>
223
  </div>
 
230
 
231
  {% block after_content %}
232
  <tr>
233
+ <td style="padding: 16px 24px 20px 24px; text-align: center">
234
  <p style="
235
+ font-size: 13px;
236
  font-weight: 400;
237
  color: #6c757d;
238
+ line-height: 1.5;
239
+ margin: 0 0 6px 0;
240
  ">
241
+ Heeft u vragen over uw komende sessie?
242
  </p>
243
  <p style="
244
+ font-size: 12px;
245
  font-weight: 400;
246
  color: #adb5bd;
247
+ line-height: 1.5;
248
  margin: 0;
249
  ">
250
+ We zijn er om u te helpen! Neem contact met ons op via <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
251
  </p>
252
  </td>
253
  </tr>
254
+ {% endblock %}
cbh/templates/emails/bookingConfirmationCoach.html CHANGED
@@ -1,19 +1,19 @@
1
  {% extends "base.html" %}
2
 
3
- {% block title %}New Booking - Session with {{user_name}}{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
- <td style="padding: 40px 40px 32px 40px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
- <table cellspacing="0" cellpadding="0" style="margin: 0 auto 24px auto;">
12
  <tr>
13
- <td style="background-color: #fff3cd; border-radius: 50%; padding: 16px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
- <td style="width: 48px; height: 48px; background-color: #f7bd11; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 28px; color: #212529;">
17
  📅
18
  </td>
19
  </tr>
@@ -23,52 +23,52 @@
23
  </table>
24
 
25
  <h1 style="
26
- font-size: 28px;
27
  font-weight: 600;
28
  color: #212529;
29
- margin: 0 0 12px 0;
30
  line-height: 1.3;
31
  ">
32
- New Session Booked!
33
  </h1>
34
 
35
  <p style="
36
- font-size: 16px;
37
  color: #6c757d;
38
- margin: 0 0 32px 0;
39
- line-height: 1.6;
40
  ">
41
- Hi {{coach_name}}, you have a new coaching session scheduled.<br/>
42
- Get ready to make an impact!
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 32px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background: linear-gradient(135deg, #54949D 0%, #4a8289 100%);
53
- border-radius: 12px;
54
- padding: 24px;
55
  color: #ffffff;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
- <td style="padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2)">
60
  <p style="
61
- font-size: 13px;
62
  font-weight: 500;
63
  color: rgba(255, 255, 255, 0.8);
64
- margin: 0 0 8px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
- Client
69
  </p>
70
  <p style="
71
- font-size: 20px;
72
  font-weight: 600;
73
  color: #ffffff;
74
  margin: 0;
@@ -78,22 +78,22 @@
78
  </td>
79
  </tr>
80
  <tr>
81
- <td style="padding-top: 20px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
- <td style="width: 50%; vertical-align: top; padding-right: 12px">
85
  <p style="
86
- font-size: 13px;
87
  font-weight: 500;
88
  color: rgba(255, 255, 255, 0.8);
89
- margin: 0 0 8px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
- Date & Time
94
  </p>
95
  <p style="
96
- font-size: 16px;
97
  font-weight: 600;
98
  color: #ffffff;
99
  margin: 0;
@@ -101,24 +101,24 @@
101
  {{start_date}}
102
  </p>
103
  </td>
104
- <td style="width: 50%; vertical-align: top; padding-left: 12px">
105
  <p style="
106
- font-size: 13px;
107
  font-weight: 500;
108
  color: rgba(255, 255, 255, 0.8);
109
- margin: 0 0 8px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
- Duration
114
  </p>
115
  <p style="
116
- font-size: 16px;
117
  font-weight: 600;
118
  color: #ffffff;
119
  margin: 0;
120
  ">
121
- {{duration|int}} minutes
122
  </p>
123
  </td>
124
  </tr>
@@ -131,47 +131,47 @@
131
  </tr>
132
  </table>
133
 
134
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 32px">
135
  <tr>
136
  <td>
137
  <h3 style="
138
- font-size: 18px;
139
  font-weight: 600;
140
  color: #212529;
141
- margin: 0 0 16px 0;
142
  ">
143
- Ready to Start?
144
  </h3>
145
  <div style="
146
  background-color: #f8f9fa;
147
- border-radius: 12px;
148
- padding: 20px;
149
- margin-bottom: 20px;
150
  ">
151
  <p style="
152
- font-size: 14px;
153
  color: #495057;
154
- margin: 0 0 16px 0;
155
- line-height: 1.6;
156
  ">
157
- When it's time for your session, click the button below to join the video call with {{user_name}}.
158
  </p>
159
  <table cellspacing="0" cellpadding="0" style="margin: 0">
160
  <tr>
161
  <td style="
162
  background-color: #f7bd11;
163
- border-radius: 10px;
164
  text-align: center;
165
  ">
166
  <a href="{{join_link}}" style="
167
  display: inline-block;
168
- padding: 14px 32px;
169
  color: #212529;
170
  text-decoration: none;
171
- font-size: 16px;
172
  font-weight: 600;
173
  " class="btn-mobile">
174
- Join Video Call
175
  </a>
176
  </td>
177
  </tr>
@@ -186,33 +186,33 @@
186
  <td>
187
  <div style="
188
  background-color: #e7f5ff;
189
- border-left: 4px solid #54949D;
190
- border-radius: 8px;
191
- padding: 20px;
192
  ">
193
  <h4 style="
194
- font-size: 16px;
195
  font-weight: 600;
196
  color: #1971c2;
197
- margin: 0 0 12px 0;
198
  ">
199
- Session Tips
200
  </h4>
201
  <ul style="
202
  margin: 0;
203
- padding-left: 20px;
204
  color: #1971c2;
205
- font-size: 14px;
206
- line-height: 1.8;
207
  ">
208
- <li style="margin-bottom: 8px">
209
- Join 2-3 minutes early to test your audio and video
210
  </li>
211
- <li style="margin-bottom: 8px">
212
- Find a quiet, well-lit space for the best experience
213
  </li>
214
  <li>
215
- Have any relevant notes or materials ready
216
  </li>
217
  </ul>
218
  </div>
@@ -225,25 +225,25 @@
225
 
226
  {% block after_content %}
227
  <tr>
228
- <td style="padding: 24px 40px 32px 40px; text-align: center">
229
  <p style="
230
- font-size: 14px;
231
  font-weight: 400;
232
  color: #6c757d;
233
- line-height: 1.6;
234
- margin: 0 0 8px 0;
235
  ">
236
- Need to reschedule or have questions?
237
  </p>
238
  <p style="
239
- font-size: 13px;
240
  font-weight: 400;
241
  color: #adb5bd;
242
- line-height: 1.6;
243
  margin: 0;
244
  ">
245
- Contact us at <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
246
  </p>
247
  </td>
248
  </tr>
249
- {% endblock %}
 
1
  {% extends "base.html" %}
2
 
3
+ {% block title %}Nieuwe Boeking - Sessie met {{user_name}}{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
+ <td style="padding: 24px 24px 20px 24px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
+ <table cellspacing="0" cellpadding="0" style="margin: 0 auto 16px auto;">
12
  <tr>
13
+ <td style="background-color: #fff3cd; border-radius: 50%; padding: 12px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
+ <td style="width: 40px; height: 40px; background-color: #f7bd11; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 24px; color: #212529;">
17
  📅
18
  </td>
19
  </tr>
 
23
  </table>
24
 
25
  <h1 style="
26
+ font-size: 22px;
27
  font-weight: 600;
28
  color: #212529;
29
+ margin: 0 0 8px 0;
30
  line-height: 1.3;
31
  ">
32
+ Nieuwe Sessie Geboekt!
33
  </h1>
34
 
35
  <p style="
36
+ font-size: 14px;
37
  color: #6c757d;
38
+ margin: 0 0 20px 0;
39
+ line-height: 1.5;
40
  ">
41
+ Hallo {{coach_name}}, er is een nieuwe coachingsessie voor u gepland.<br/>
42
+ Maak u klaar om impact te maken!
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 20px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background: linear-gradient(135deg, #54949D 0%, #4a8289 100%);
53
+ border-radius: 10px;
54
+ padding: 16px;
55
  color: #ffffff;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
+ <td style="padding-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.2)">
60
  <p style="
61
+ font-size: 11px;
62
  font-weight: 500;
63
  color: rgba(255, 255, 255, 0.8);
64
+ margin: 0 0 6px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
+ Cliënt
69
  </p>
70
  <p style="
71
+ font-size: 18px;
72
  font-weight: 600;
73
  color: #ffffff;
74
  margin: 0;
 
78
  </td>
79
  </tr>
80
  <tr>
81
+ <td style="padding-top: 14px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
+ <td style="width: 50%; vertical-align: top; padding-right: 10px">
85
  <p style="
86
+ font-size: 11px;
87
  font-weight: 500;
88
  color: rgba(255, 255, 255, 0.8);
89
+ margin: 0 0 6px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
+ Datum & Tijd
94
  </p>
95
  <p style="
96
+ font-size: 14px;
97
  font-weight: 600;
98
  color: #ffffff;
99
  margin: 0;
 
101
  {{start_date}}
102
  </p>
103
  </td>
104
+ <td style="width: 50%; vertical-align: top; padding-left: 10px">
105
  <p style="
106
+ font-size: 11px;
107
  font-weight: 500;
108
  color: rgba(255, 255, 255, 0.8);
109
+ margin: 0 0 6px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
+ Duur
114
  </p>
115
  <p style="
116
+ font-size: 14px;
117
  font-weight: 600;
118
  color: #ffffff;
119
  margin: 0;
120
  ">
121
+ {{duration|int}} minuten
122
  </p>
123
  </td>
124
  </tr>
 
131
  </tr>
132
  </table>
133
 
134
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 20px">
135
  <tr>
136
  <td>
137
  <h3 style="
138
+ font-size: 16px;
139
  font-weight: 600;
140
  color: #212529;
141
+ margin: 0 0 12px 0;
142
  ">
143
+ Klaar om te Starten?
144
  </h3>
145
  <div style="
146
  background-color: #f8f9fa;
147
+ border-radius: 10px;
148
+ padding: 16px;
149
+ margin-bottom: 16px;
150
  ">
151
  <p style="
152
+ font-size: 13px;
153
  color: #495057;
154
+ margin: 0 0 12px 0;
155
+ line-height: 1.5;
156
  ">
157
+ Wanneer het tijd is voor uw sessie, klikt u op de onderstaande knop om deel te nemen aan het videogesprek met {{user_name}}.
158
  </p>
159
  <table cellspacing="0" cellpadding="0" style="margin: 0">
160
  <tr>
161
  <td style="
162
  background-color: #f7bd11;
163
+ border-radius: 8px;
164
  text-align: center;
165
  ">
166
  <a href="{{join_link}}" style="
167
  display: inline-block;
168
+ padding: 12px 24px;
169
  color: #212529;
170
  text-decoration: none;
171
+ font-size: 14px;
172
  font-weight: 600;
173
  " class="btn-mobile">
174
+ Deelnemen aan Videogesprek
175
  </a>
176
  </td>
177
  </tr>
 
186
  <td>
187
  <div style="
188
  background-color: #e7f5ff;
189
+ border-left: 3px solid #54949D;
190
+ border-radius: 6px;
191
+ padding: 14px;
192
  ">
193
  <h4 style="
194
+ font-size: 14px;
195
  font-weight: 600;
196
  color: #1971c2;
197
+ margin: 0 0 8px 0;
198
  ">
199
+ Tips voor de Sessie
200
  </h4>
201
  <ul style="
202
  margin: 0;
203
+ padding-left: 18px;
204
  color: #1971c2;
205
+ font-size: 13px;
206
+ line-height: 1.6;
207
  ">
208
+ <li style="margin-bottom: 6px">
209
+ Neem 2-3 minuten eerder deel om uw audio en video te testen
210
  </li>
211
+ <li style="margin-bottom: 6px">
212
+ Zoek een rustige, goed verlichte ruimte voor de beste ervaring
213
  </li>
214
  <li>
215
+ Houd eventuele relevante aantekeningen of materialen bij de hand
216
  </li>
217
  </ul>
218
  </div>
 
225
 
226
  {% block after_content %}
227
  <tr>
228
+ <td style="padding: 16px 24px 20px 24px; text-align: center">
229
  <p style="
230
+ font-size: 13px;
231
  font-weight: 400;
232
  color: #6c757d;
233
+ line-height: 1.5;
234
+ margin: 0 0 6px 0;
235
  ">
236
+ Wilt u een nieuwe afspraak maken of heeft u vragen?
237
  </p>
238
  <p style="
239
+ font-size: 12px;
240
  font-weight: 400;
241
  color: #adb5bd;
242
+ line-height: 1.5;
243
  margin: 0;
244
  ">
245
+ Neem contact met ons op via <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
246
  </p>
247
  </td>
248
  </tr>
249
+ {% endblock %}
cbh/templates/emails/sessionCancellation.html CHANGED
@@ -1,19 +1,19 @@
1
  {% extends "base.html" %}
2
 
3
- {% block title %}Session Cancelled{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
- <td style="padding: 40px 40px 32px 40px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
- <table cellspacing="0" cellpadding="0" style="margin: 0 auto 24px auto;">
12
  <tr>
13
- <td style="background-color: #e9ecef; border-radius: 50%; padding: 16px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
- <td style="width: 48px; height: 48px; background-color: #6c757d; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 28px; color: #ffffff;">
17
  ✕
18
  </td>
19
  </tr>
@@ -23,51 +23,51 @@
23
  </table>
24
 
25
  <h1 style="
26
- font-size: 28px;
27
  font-weight: 600;
28
  color: #212529;
29
- margin: 0 0 12px 0;
30
  line-height: 1.3;
31
  ">
32
- Session Cancelled
33
  </h1>
34
 
35
  <p style="
36
- font-size: 16px;
37
  color: #6c757d;
38
- margin: 0 0 32px 0;
39
- line-height: 1.6;
40
  ">
41
- Hi {{user_name}}, your coaching session has been successfully cancelled.
42
  </p>
43
  </td>
44
  </tr>
45
  </table>
46
 
47
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 32px">
48
  <tr>
49
  <td>
50
  <div style="
51
  background-color: #f8f9fa;
52
  border: 1px solid #dee2e6;
53
- border-radius: 12px;
54
- padding: 24px;
55
  ">
56
  <table cellspacing="0" cellpadding="0" style="width: 100%">
57
  <tr>
58
- <td style="padding-bottom: 16px; border-bottom: 1px solid #dee2e6">
59
  <p style="
60
- font-size: 12px;
61
  font-weight: 600;
62
  color: #6c757d;
63
- margin: 0 0 6px 0;
64
  text-transform: uppercase;
65
  letter-spacing: 0.5px;
66
  ">
67
- Cancelled Session
68
  </p>
69
  <p style="
70
- font-size: 18px;
71
  font-weight: 600;
72
  color: #212529;
73
  margin: 0;
@@ -77,22 +77,22 @@
77
  </td>
78
  </tr>
79
  <tr>
80
- <td style="padding-top: 16px">
81
  <table cellspacing="0" cellpadding="0" style="width: 100%">
82
  <tr>
83
- <td style="width: 50%; vertical-align: top; padding-right: 12px">
84
  <p style="
85
- font-size: 12px;
86
  font-weight: 600;
87
  color: #6c757d;
88
- margin: 0 0 6px 0;
89
  text-transform: uppercase;
90
  letter-spacing: 0.5px;
91
  ">
92
- Scheduled For
93
  </p>
94
  <p style="
95
- font-size: 15px;
96
  font-weight: 500;
97
  color: #495057;
98
  margin: 0;
@@ -100,24 +100,24 @@
100
  {{start_date}}
101
  </p>
102
  </td>
103
- <td style="width: 50%; vertical-align: top; padding-left: 12px">
104
  <p style="
105
- font-size: 12px;
106
  font-weight: 600;
107
  color: #6c757d;
108
- margin: 0 0 6px 0;
109
  text-transform: uppercase;
110
  letter-spacing: 0.5px;
111
  ">
112
- Duration
113
  </p>
114
  <p style="
115
- font-size: 15px;
116
  font-weight: 500;
117
  color: #495057;
118
  margin: 0;
119
  ">
120
- {{duration|int}} minutes
121
  </p>
122
  </td>
123
  </tr>
@@ -130,30 +130,30 @@
130
  </tr>
131
  </table>
132
 
133
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 24px">
134
  <tr>
135
  <td>
136
  <div style="
137
  background-color: #d1ecf1;
138
- border-left: 4px solid #0c5460;
139
- border-radius: 8px;
140
- padding: 20px;
141
  ">
142
  <h4 style="
143
- font-size: 16px;
144
  font-weight: 600;
145
  color: #0c5460;
146
- margin: 0 0 12px 0;
147
  ">
148
- Refund Information
149
  </h4>
150
  <p style="
151
  margin: 0;
152
  color: #0c5460;
153
- font-size: 14px;
154
- line-height: 1.7;
155
  ">
156
- Your payment has been refunded. The funds will appear in your account within <strong>5 business days</strong>, depending on your payment provider.
157
  </p>
158
  </div>
159
  </td>
@@ -164,30 +164,30 @@
164
  <tr>
165
  <td style="text-align: center">
166
  <p style="
167
- font-size: 16px;
168
  font-weight: 500;
169
  color: #495057;
170
- margin: 0 0 20px 0;
171
- line-height: 1.6;
172
  ">
173
- We're here whenever you're ready to book again.
174
  </p>
175
  <table cellspacing="0" cellpadding="0" style="margin: 0 auto">
176
  <tr>
177
  <td style="
178
  background-color: #f7bd11;
179
- border-radius: 10px;
180
  text-align: center;
181
  ">
182
  <a href="https://spark.com/coaches" style="
183
  display: inline-block;
184
- padding: 14px 32px;
185
  color: #212529;
186
  text-decoration: none;
187
- font-size: 16px;
188
  font-weight: 600;
189
  " class="btn-mobile">
190
- Browse Coaches
191
  </a>
192
  </td>
193
  </tr>
@@ -201,17 +201,17 @@
201
 
202
  {% block after_content %}
203
  <tr>
204
- <td style="padding: 24px 40px 32px 40px; text-align: center">
205
  <p style="
206
- font-size: 13px;
207
  font-weight: 400;
208
  color: #6c757d;
209
- line-height: 1.6;
210
  margin: 0;
211
  ">
212
- Questions about your refund or cancellation?<br/>
213
- Contact us at <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
214
  </p>
215
  </td>
216
  </tr>
217
- {% endblock %}
 
1
  {% extends "base.html" %}
2
 
3
+ {% block title %}Sessie Geannuleerd{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
+ <td style="padding: 24px 24px 20px 24px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
+ <table cellspacing="0" cellpadding="0" style="margin: 0 auto 16px auto;">
12
  <tr>
13
+ <td style="background-color: #e9ecef; border-radius: 50%; padding: 12px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
+ <td style="width: 40px; height: 40px; background-color: #6c757d; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 24px; color: #ffffff;">
17
  ✕
18
  </td>
19
  </tr>
 
23
  </table>
24
 
25
  <h1 style="
26
+ font-size: 22px;
27
  font-weight: 600;
28
  color: #212529;
29
+ margin: 0 0 8px 0;
30
  line-height: 1.3;
31
  ">
32
+ Sessie Geannuleerd
33
  </h1>
34
 
35
  <p style="
36
+ font-size: 14px;
37
  color: #6c757d;
38
+ margin: 0 0 20px 0;
39
+ line-height: 1.5;
40
  ">
41
+ Hallo {{user_name}}, uw coachingsessie is succesvol geannuleerd.
42
  </p>
43
  </td>
44
  </tr>
45
  </table>
46
 
47
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 20px">
48
  <tr>
49
  <td>
50
  <div style="
51
  background-color: #f8f9fa;
52
  border: 1px solid #dee2e6;
53
+ border-radius: 10px;
54
+ padding: 16px;
55
  ">
56
  <table cellspacing="0" cellpadding="0" style="width: 100%">
57
  <tr>
58
+ <td style="padding-bottom: 12px; border-bottom: 1px solid #dee2e6">
59
  <p style="
60
+ font-size: 11px;
61
  font-weight: 600;
62
  color: #6c757d;
63
+ margin: 0 0 5px 0;
64
  text-transform: uppercase;
65
  letter-spacing: 0.5px;
66
  ">
67
+ Geannuleerde Sessie
68
  </p>
69
  <p style="
70
+ font-size: 16px;
71
  font-weight: 600;
72
  color: #212529;
73
  margin: 0;
 
77
  </td>
78
  </tr>
79
  <tr>
80
+ <td style="padding-top: 12px">
81
  <table cellspacing="0" cellpadding="0" style="width: 100%">
82
  <tr>
83
+ <td style="width: 50%; vertical-align: top; padding-right: 10px">
84
  <p style="
85
+ font-size: 11px;
86
  font-weight: 600;
87
  color: #6c757d;
88
+ margin: 0 0 5px 0;
89
  text-transform: uppercase;
90
  letter-spacing: 0.5px;
91
  ">
92
+ Gepland Voor
93
  </p>
94
  <p style="
95
+ font-size: 13px;
96
  font-weight: 500;
97
  color: #495057;
98
  margin: 0;
 
100
  {{start_date}}
101
  </p>
102
  </td>
103
+ <td style="width: 50%; vertical-align: top; padding-left: 10px">
104
  <p style="
105
+ font-size: 11px;
106
  font-weight: 600;
107
  color: #6c757d;
108
+ margin: 0 0 5px 0;
109
  text-transform: uppercase;
110
  letter-spacing: 0.5px;
111
  ">
112
+ Duur
113
  </p>
114
  <p style="
115
+ font-size: 13px;
116
  font-weight: 500;
117
  color: #495057;
118
  margin: 0;
119
  ">
120
+ {{duration|int}} minuten
121
  </p>
122
  </td>
123
  </tr>
 
130
  </tr>
131
  </table>
132
 
133
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 16px">
134
  <tr>
135
  <td>
136
  <div style="
137
  background-color: #d1ecf1;
138
+ border-left: 3px solid #0c5460;
139
+ border-radius: 6px;
140
+ padding: 14px;
141
  ">
142
  <h4 style="
143
+ font-size: 14px;
144
  font-weight: 600;
145
  color: #0c5460;
146
+ margin: 0 0 8px 0;
147
  ">
148
+ Informatie over Terugbetaling
149
  </h4>
150
  <p style="
151
  margin: 0;
152
  color: #0c5460;
153
+ font-size: 13px;
154
+ line-height: 1.5;
155
  ">
156
+ Uw betaling is teruggestort. Het bedrag staat binnen <strong>5 werkdagen</strong> op uw rekening, afhankelijk van uw betalingsprovider.
157
  </p>
158
  </div>
159
  </td>
 
164
  <tr>
165
  <td style="text-align: center">
166
  <p style="
167
+ font-size: 14px;
168
  font-weight: 500;
169
  color: #495057;
170
+ margin: 0 0 14px 0;
171
+ line-height: 1.5;
172
  ">
173
+ We staan voor u klaar zodra u weer wilt boeken.
174
  </p>
175
  <table cellspacing="0" cellpadding="0" style="margin: 0 auto">
176
  <tr>
177
  <td style="
178
  background-color: #f7bd11;
179
+ border-radius: 8px;
180
  text-align: center;
181
  ">
182
  <a href="https://spark.com/coaches" style="
183
  display: inline-block;
184
+ padding: 12px 24px;
185
  color: #212529;
186
  text-decoration: none;
187
+ font-size: 14px;
188
  font-weight: 600;
189
  " class="btn-mobile">
190
+ Bekijk Coaches
191
  </a>
192
  </td>
193
  </tr>
 
201
 
202
  {% block after_content %}
203
  <tr>
204
+ <td style="padding: 16px 24px 20px 24px; text-align: center">
205
  <p style="
206
+ font-size: 12px;
207
  font-weight: 400;
208
  color: #6c757d;
209
+ line-height: 1.5;
210
  margin: 0;
211
  ">
212
+ Vragen over uw terugbetaling of annulering?<br/>
213
+ Neem contact met ons op via <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
214
  </p>
215
  </td>
216
  </tr>
217
+ {% endblock %}
cbh/templates/emails/sessionCancellationCoach.html CHANGED
@@ -1,19 +1,19 @@
1
  {% extends "base.html" %}
2
 
3
- {% block title %}Session Cancelled{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
- <td style="padding: 40px 40px 32px 40px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
- <table cellspacing="0" cellpadding="0" style="margin: 0 auto 24px auto;">
12
  <tr>
13
- <td style="background-color: #e9ecef; border-radius: 50%; padding: 16px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
- <td style="width: 48px; height: 48px; background-color: #6c757d; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 28px; color: #ffffff;">
17
  ✕
18
  </td>
19
  </tr>
@@ -23,52 +23,52 @@
23
  </table>
24
 
25
  <h1 style="
26
- font-size: 28px;
27
  font-weight: 600;
28
  color: #212529;
29
- margin: 0 0 12px 0;
30
  line-height: 1.3;
31
  ">
32
- Session Cancelled
33
  </h1>
34
 
35
  <p style="
36
- font-size: 16px;
37
  color: #6c757d;
38
- margin: 0 0 32px 0;
39
- line-height: 1.6;
40
  ">
41
- Hi {{coach_name}}, your scheduled session with {{user_name}}<br/>
42
- has been cancelled by the client.
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 32px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background-color: #f8f9fa;
53
  border: 1px solid #dee2e6;
54
- border-radius: 12px;
55
- padding: 24px;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
- <td style="padding-bottom: 16px; border-bottom: 1px solid #dee2e6">
60
  <p style="
61
- font-size: 12px;
62
  font-weight: 600;
63
  color: #6c757d;
64
- margin: 0 0 6px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
- Cancelled Session
69
  </p>
70
  <p style="
71
- font-size: 18px;
72
  font-weight: 600;
73
  color: #212529;
74
  margin: 0;
@@ -78,22 +78,22 @@
78
  </td>
79
  </tr>
80
  <tr>
81
- <td style="padding-top: 16px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
- <td style="width: 50%; vertical-align: top; padding-right: 12px">
85
  <p style="
86
- font-size: 12px;
87
  font-weight: 600;
88
  color: #6c757d;
89
- margin: 0 0 6px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
- Was Scheduled For
94
  </p>
95
  <p style="
96
- font-size: 15px;
97
  font-weight: 500;
98
  color: #495057;
99
  margin: 0;
@@ -101,24 +101,24 @@
101
  {{start_date}}
102
  </p>
103
  </td>
104
- <td style="width: 50%; vertical-align: top; padding-left: 12px">
105
  <p style="
106
- font-size: 12px;
107
  font-weight: 600;
108
  color: #6c757d;
109
- margin: 0 0 6px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
- Duration
114
  </p>
115
  <p style="
116
- font-size: 15px;
117
  font-weight: 500;
118
  color: #495057;
119
  margin: 0;
120
  ">
121
- {{duration|int}} minutes
122
  </p>
123
  </td>
124
  </tr>
@@ -131,22 +131,22 @@
131
  </tr>
132
  </table>
133
 
134
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 24px">
135
  <tr>
136
  <td>
137
  <div style="
138
  background-color: #e7f5ff;
139
- border-left: 4px solid #54949D;
140
- border-radius: 8px;
141
- padding: 20px;
142
  ">
143
  <p style="
144
  margin: 0;
145
  color: #1971c2;
146
- font-size: 14px;
147
- line-height: 1.7;
148
  ">
149
- This time slot is now available in your calendar. Your schedule has been automatically updated to reflect this change.
150
  </p>
151
  </div>
152
  </td>
@@ -157,30 +157,30 @@
157
  <tr>
158
  <td style="text-align: center">
159
  <p style="
160
- font-size: 16px;
161
  font-weight: 500;
162
  color: #495057;
163
- margin: 0 0 20px 0;
164
- line-height: 1.6;
165
  ">
166
- Check your dashboard for upcoming sessions.
167
  </p>
168
  <table cellspacing="0" cellpadding="0" style="margin: 0 auto">
169
  <tr>
170
  <td style="
171
  background-color: #f7bd11;
172
- border-radius: 10px;
173
  text-align: center;
174
  ">
175
  <a href="https://spark.com/coach/dashboard" style="
176
  display: inline-block;
177
- padding: 14px 32px;
178
  color: #212529;
179
  text-decoration: none;
180
- font-size: 16px;
181
  font-weight: 600;
182
  " class="btn-mobile">
183
- View Dashboard
184
  </a>
185
  </td>
186
  </tr>
@@ -194,17 +194,17 @@
194
 
195
  {% block after_content %}
196
  <tr>
197
- <td style="padding: 24px 40px 32px 40px; text-align: center">
198
  <p style="
199
- font-size: 13px;
200
  font-weight: 400;
201
  color: #6c757d;
202
- line-height: 1.6;
203
  margin: 0;
204
  ">
205
- Questions about this cancellation?<br/>
206
- Contact us at <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
207
  </p>
208
  </td>
209
  </tr>
210
- {% endblock %}
 
1
  {% extends "base.html" %}
2
 
3
+ {% block title %}Sessie Geannuleerd{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
+ <td style="padding: 24px 24px 20px 24px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
+ <table cellspacing="0" cellpadding="0" style="margin: 0 auto 16px auto;">
12
  <tr>
13
+ <td style="background-color: #e9ecef; border-radius: 50%; padding: 12px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
+ <td style="width: 40px; height: 40px; background-color: #6c757d; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 24px; color: #ffffff;">
17
  ✕
18
  </td>
19
  </tr>
 
23
  </table>
24
 
25
  <h1 style="
26
+ font-size: 22px;
27
  font-weight: 600;
28
  color: #212529;
29
+ margin: 0 0 8px 0;
30
  line-height: 1.3;
31
  ">
32
+ Sessie Geannuleerd
33
  </h1>
34
 
35
  <p style="
36
+ font-size: 14px;
37
  color: #6c757d;
38
+ margin: 0 0 20px 0;
39
+ line-height: 1.5;
40
  ">
41
+ Hallo {{coach_name}}, uw geplande sessie met {{user_name}}<br/>
42
+ is geannuleerd door de cliënt.
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 20px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background-color: #f8f9fa;
53
  border: 1px solid #dee2e6;
54
+ border-radius: 10px;
55
+ padding: 16px;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
+ <td style="padding-bottom: 12px; border-bottom: 1px solid #dee2e6">
60
  <p style="
61
+ font-size: 11px;
62
  font-weight: 600;
63
  color: #6c757d;
64
+ margin: 0 0 5px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
+ Geannuleerde Sessie
69
  </p>
70
  <p style="
71
+ font-size: 16px;
72
  font-weight: 600;
73
  color: #212529;
74
  margin: 0;
 
78
  </td>
79
  </tr>
80
  <tr>
81
+ <td style="padding-top: 12px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
+ <td style="width: 50%; vertical-align: top; padding-right: 10px">
85
  <p style="
86
+ font-size: 11px;
87
  font-weight: 600;
88
  color: #6c757d;
89
+ margin: 0 0 5px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
+ Was Gepland Voor
94
  </p>
95
  <p style="
96
+ font-size: 13px;
97
  font-weight: 500;
98
  color: #495057;
99
  margin: 0;
 
101
  {{start_date}}
102
  </p>
103
  </td>
104
+ <td style="width: 50%; vertical-align: top; padding-left: 10px">
105
  <p style="
106
+ font-size: 11px;
107
  font-weight: 600;
108
  color: #6c757d;
109
+ margin: 0 0 5px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
+ Duur
114
  </p>
115
  <p style="
116
+ font-size: 13px;
117
  font-weight: 500;
118
  color: #495057;
119
  margin: 0;
120
  ">
121
+ {{duration|int}} minuten
122
  </p>
123
  </td>
124
  </tr>
 
131
  </tr>
132
  </table>
133
 
134
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 16px">
135
  <tr>
136
  <td>
137
  <div style="
138
  background-color: #e7f5ff;
139
+ border-left: 3px solid #54949D;
140
+ border-radius: 6px;
141
+ padding: 14px;
142
  ">
143
  <p style="
144
  margin: 0;
145
  color: #1971c2;
146
+ font-size: 13px;
147
+ line-height: 1.5;
148
  ">
149
+ Dit tijdslot is nu weer beschikbaar in uw agenda. Uw planning is automatisch bijgewerkt om deze wijziging door te voeren.
150
  </p>
151
  </div>
152
  </td>
 
157
  <tr>
158
  <td style="text-align: center">
159
  <p style="
160
+ font-size: 14px;
161
  font-weight: 500;
162
  color: #495057;
163
+ margin: 0 0 14px 0;
164
+ line-height: 1.5;
165
  ">
166
+ Bekijk uw dashboard voor komende sessies.
167
  </p>
168
  <table cellspacing="0" cellpadding="0" style="margin: 0 auto">
169
  <tr>
170
  <td style="
171
  background-color: #f7bd11;
172
+ border-radius: 8px;
173
  text-align: center;
174
  ">
175
  <a href="https://spark.com/coach/dashboard" style="
176
  display: inline-block;
177
+ padding: 12px 24px;
178
  color: #212529;
179
  text-decoration: none;
180
+ font-size: 14px;
181
  font-weight: 600;
182
  " class="btn-mobile">
183
+ Dashboard Bekijken
184
  </a>
185
  </td>
186
  </tr>
 
194
 
195
  {% block after_content %}
196
  <tr>
197
+ <td style="padding: 16px 24px 20px 24px; text-align: center">
198
  <p style="
199
+ font-size: 12px;
200
  font-weight: 400;
201
  color: #6c757d;
202
+ line-height: 1.5;
203
  margin: 0;
204
  ">
205
+ Vragen over deze annulering?<br/>
206
+ Neem contact met ons op via <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
207
  </p>
208
  </td>
209
  </tr>
210
+ {% endblock %}
cbh/templates/emails/sessionReminder.html CHANGED
@@ -1,19 +1,19 @@
1
  {% extends "base.html" %}
2
 
3
- {% block title %}Reminder: Your Session Starts Soon{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
- <td style="padding: 40px 40px 32px 40px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
- <table cellspacing="0" cellpadding="0" style="margin: 0 auto 24px auto;">
12
  <tr>
13
- <td style="background-color: #fff3cd; border-radius: 50%; padding: 16px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
- <td style="width: 48px; height: 48px; background-color: #ffc107; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 28px; color: #212529;">
17
  ⏰
18
  </td>
19
  </tr>
@@ -23,52 +23,52 @@
23
  </table>
24
 
25
  <h1 style="
26
- font-size: 28px;
27
  font-weight: 600;
28
  color: #212529;
29
- margin: 0 0 12px 0;
30
  line-height: 1.3;
31
  ">
32
- Your Session Starts in 1 Hour
33
  </h1>
34
 
35
  <p style="
36
- font-size: 16px;
37
  color: #6c757d;
38
- margin: 0 0 32px 0;
39
- line-height: 1.6;
40
  ">
41
- Hi {{user_name}}, this is a friendly reminder about your upcoming<br/>
42
- coaching session with {{coach_name}}.
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 32px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background: linear-gradient(135deg, #54949D 0%, #4a8289 100%);
53
- border-radius: 12px;
54
- padding: 24px;
55
  color: #ffffff;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
- <td style="padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2)">
60
  <p style="
61
- font-size: 13px;
62
  font-weight: 500;
63
  color: rgba(255, 255, 255, 0.8);
64
- margin: 0 0 8px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
- Your Coach
69
  </p>
70
  <p style="
71
- font-size: 20px;
72
  font-weight: 600;
73
  color: #ffffff;
74
  margin: 0;
@@ -78,22 +78,22 @@
78
  </td>
79
  </tr>
80
  <tr>
81
- <td style="padding-top: 20px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
- <td style="width: 50%; vertical-align: top; padding-right: 12px">
85
  <p style="
86
- font-size: 13px;
87
  font-weight: 500;
88
  color: rgba(255, 255, 255, 0.8);
89
- margin: 0 0 8px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
- Start Time
94
  </p>
95
  <p style="
96
- font-size: 16px;
97
  font-weight: 600;
98
  color: #ffffff;
99
  margin: 0;
@@ -101,24 +101,24 @@
101
  {{start_date}}
102
  </p>
103
  </td>
104
- <td style="width: 50%; vertical-align: top; padding-left: 12px">
105
  <p style="
106
- font-size: 13px;
107
  font-weight: 500;
108
  color: rgba(255, 255, 255, 0.8);
109
- margin: 0 0 8px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
- Duration
114
  </p>
115
  <p style="
116
- font-size: 16px;
117
  font-weight: 600;
118
  color: #ffffff;
119
  margin: 0;
120
  ">
121
- {{duration|int}} minutes
122
  </p>
123
  </td>
124
  </tr>
@@ -131,33 +131,33 @@
131
  </tr>
132
  </table>
133
 
134
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 24px">
135
  <tr>
136
  <td style="text-align: center">
137
  <p style="
138
- font-size: 16px;
139
  font-weight: 600;
140
  color: #212529;
141
- margin: 0 0 16px 0;
142
  ">
143
- Ready to join? Click the button below
144
  </p>
145
  <table cellspacing="0" cellpadding="0" style="margin: 0 auto">
146
  <tr>
147
  <td style="
148
  background-color: #f7bd11;
149
- border-radius: 10px;
150
  text-align: center;
151
  ">
152
  <a href="{{join_link}}" style="
153
  display: inline-block;
154
- padding: 16px 48px;
155
  color: #212529;
156
  text-decoration: none;
157
- font-size: 18px;
158
  font-weight: 600;
159
  " class="btn-mobile">
160
- Join Video Call
161
  </a>
162
  </td>
163
  </tr>
@@ -171,33 +171,33 @@
171
  <td>
172
  <div style="
173
  background-color: #e7f5ff;
174
- border-left: 4px solid #54949D;
175
- border-radius: 8px;
176
- padding: 20px;
177
  ">
178
  <h4 style="
179
- font-size: 15px;
180
  font-weight: 600;
181
  color: #1971c2;
182
- margin: 0 0 10px 0;
183
  ">
184
- Quick Tips
185
  </h4>
186
  <ul style="
187
  margin: 0;
188
- padding-left: 20px;
189
  color: #1971c2;
190
- font-size: 14px;
191
- line-height: 1.7;
192
  ">
193
- <li style="margin-bottom: 6px">
194
- Test your camera and microphone before joining
195
  </li>
196
- <li style="margin-bottom: 6px">
197
- Find a quiet space with good lighting
198
  </li>
199
  <li>
200
- Have a notebook ready for key takeaways
201
  </li>
202
  </ul>
203
  </div>
@@ -210,17 +210,17 @@
210
 
211
  {% block after_content %}
212
  <tr>
213
- <td style="padding: 24px 40px 32px 40px; text-align: center">
214
  <p style="
215
- font-size: 13px;
216
  font-weight: 400;
217
  color: #6c757d;
218
- line-height: 1.6;
219
  margin: 0;
220
  ">
221
- See you soon! If you have any issues joining, contact us at<br/>
222
  <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
223
  </p>
224
  </td>
225
  </tr>
226
- {% endblock %}
 
1
  {% extends "base.html" %}
2
 
3
+ {% block title %}Herinnering: Uw Sessie Begint Binnenkort{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
+ <td style="padding: 24px 24px 20px 24px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
+ <table cellspacing="0" cellpadding="0" style="margin: 0 auto 16px auto;">
12
  <tr>
13
+ <td style="background-color: #fff3cd; border-radius: 50%; padding: 12px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
+ <td style="width: 40px; height: 40px; background-color: #ffc107; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 24px; color: #212529;">
17
  ⏰
18
  </td>
19
  </tr>
 
23
  </table>
24
 
25
  <h1 style="
26
+ font-size: 22px;
27
  font-weight: 600;
28
  color: #212529;
29
+ margin: 0 0 8px 0;
30
  line-height: 1.3;
31
  ">
32
+ Uw Sessie Begint over 1 Uur
33
  </h1>
34
 
35
  <p style="
36
+ font-size: 14px;
37
  color: #6c757d;
38
+ margin: 0 0 20px 0;
39
+ line-height: 1.5;
40
  ">
41
+ Hallo {{user_name}}, dit is een vriendelijke herinnering aan uw komende<br/>
42
+ coachingsessie met {{coach_name}}.
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 20px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background: linear-gradient(135deg, #54949D 0%, #4a8289 100%);
53
+ border-radius: 10px;
54
+ padding: 16px;
55
  color: #ffffff;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
+ <td style="padding-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.2)">
60
  <p style="
61
+ font-size: 11px;
62
  font-weight: 500;
63
  color: rgba(255, 255, 255, 0.8);
64
+ margin: 0 0 6px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
+ Uw Coach
69
  </p>
70
  <p style="
71
+ font-size: 18px;
72
  font-weight: 600;
73
  color: #ffffff;
74
  margin: 0;
 
78
  </td>
79
  </tr>
80
  <tr>
81
+ <td style="padding-top: 14px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
+ <td style="width: 50%; vertical-align: top; padding-right: 10px">
85
  <p style="
86
+ font-size: 11px;
87
  font-weight: 500;
88
  color: rgba(255, 255, 255, 0.8);
89
+ margin: 0 0 6px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
+ Starttijd
94
  </p>
95
  <p style="
96
+ font-size: 14px;
97
  font-weight: 600;
98
  color: #ffffff;
99
  margin: 0;
 
101
  {{start_date}}
102
  </p>
103
  </td>
104
+ <td style="width: 50%; vertical-align: top; padding-left: 10px">
105
  <p style="
106
+ font-size: 11px;
107
  font-weight: 500;
108
  color: rgba(255, 255, 255, 0.8);
109
+ margin: 0 0 6px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
+ Duur
114
  </p>
115
  <p style="
116
+ font-size: 14px;
117
  font-weight: 600;
118
  color: #ffffff;
119
  margin: 0;
120
  ">
121
+ {{duration|int}} minuten
122
  </p>
123
  </td>
124
  </tr>
 
131
  </tr>
132
  </table>
133
 
134
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 16px">
135
  <tr>
136
  <td style="text-align: center">
137
  <p style="
138
+ font-size: 14px;
139
  font-weight: 600;
140
  color: #212529;
141
+ margin: 0 0 12px 0;
142
  ">
143
+ Klaar om deel te nemen? Klik op de onderstaande knop
144
  </p>
145
  <table cellspacing="0" cellpadding="0" style="margin: 0 auto">
146
  <tr>
147
  <td style="
148
  background-color: #f7bd11;
149
+ border-radius: 8px;
150
  text-align: center;
151
  ">
152
  <a href="{{join_link}}" style="
153
  display: inline-block;
154
+ padding: 12px 32px;
155
  color: #212529;
156
  text-decoration: none;
157
+ font-size: 15px;
158
  font-weight: 600;
159
  " class="btn-mobile">
160
+ Deelnemen aan Videogesprek
161
  </a>
162
  </td>
163
  </tr>
 
171
  <td>
172
  <div style="
173
  background-color: #e7f5ff;
174
+ border-left: 3px solid #54949D;
175
+ border-radius: 6px;
176
+ padding: 14px;
177
  ">
178
  <h4 style="
179
+ font-size: 14px;
180
  font-weight: 600;
181
  color: #1971c2;
182
+ margin: 0 0 8px 0;
183
  ">
184
+ Snelle Tips
185
  </h4>
186
  <ul style="
187
  margin: 0;
188
+ padding-left: 18px;
189
  color: #1971c2;
190
+ font-size: 13px;
191
+ line-height: 1.5;
192
  ">
193
+ <li style="margin-bottom: 4px">
194
+ Test uw camera en microfoon voordat u deelneemt
195
  </li>
196
+ <li style="margin-bottom: 4px">
197
+ Zoek een rustige ruimte met goede verlichting
198
  </li>
199
  <li>
200
+ Houd een notitieblok bij de hand voor de belangrijkste punten
201
  </li>
202
  </ul>
203
  </div>
 
210
 
211
  {% block after_content %}
212
  <tr>
213
+ <td style="padding: 16px 24px 20px 24px; text-align: center">
214
  <p style="
215
+ font-size: 12px;
216
  font-weight: 400;
217
  color: #6c757d;
218
+ line-height: 1.5;
219
  margin: 0;
220
  ">
221
+ Tot zo! Als u problemen heeft met inloggen, neem dan contact met ons op via<br/>
222
  <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
223
  </p>
224
  </td>
225
  </tr>
226
+ {% endblock %}
cbh/templates/emails/sessionReminderCoach.html CHANGED
@@ -1,19 +1,19 @@
1
  {% extends "base.html" %}
2
 
3
- {% block title %}Reminder: Your Session Starts Soon{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
- <td style="padding: 40px 40px 32px 40px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
- <table cellspacing="0" cellpadding="0" style="margin: 0 auto 24px auto;">
12
  <tr>
13
- <td style="background-color: #fff3cd; border-radius: 50%; padding: 16px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
- <td style="width: 48px; height: 48px; background-color: #ffc107; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 28px; color: #212529;">
17
  ⏰
18
  </td>
19
  </tr>
@@ -23,52 +23,52 @@
23
  </table>
24
 
25
  <h1 style="
26
- font-size: 28px;
27
  font-weight: 600;
28
  color: #212529;
29
- margin: 0 0 12px 0;
30
  line-height: 1.3;
31
  ">
32
- Your Session Starts in 1 Hour
33
  </h1>
34
 
35
  <p style="
36
- font-size: 16px;
37
  color: #6c757d;
38
- margin: 0 0 32px 0;
39
- line-height: 1.6;
40
  ">
41
- Hi {{coach_name}}, this is a friendly reminder about your upcoming<br/>
42
- coaching session with {{user_name}}.
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 32px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background: linear-gradient(135deg, #54949D 0%, #4a8289 100%);
53
- border-radius: 12px;
54
- padding: 24px;
55
  color: #ffffff;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
- <td style="padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2)">
60
  <p style="
61
- font-size: 13px;
62
  font-weight: 500;
63
  color: rgba(255, 255, 255, 0.8);
64
- margin: 0 0 8px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
- Your Client
69
  </p>
70
  <p style="
71
- font-size: 20px;
72
  font-weight: 600;
73
  color: #ffffff;
74
  margin: 0;
@@ -78,22 +78,22 @@
78
  </td>
79
  </tr>
80
  <tr>
81
- <td style="padding-top: 20px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
- <td style="width: 50%; vertical-align: top; padding-right: 12px">
85
  <p style="
86
- font-size: 13px;
87
  font-weight: 500;
88
  color: rgba(255, 255, 255, 0.8);
89
- margin: 0 0 8px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
- Start Time
94
  </p>
95
  <p style="
96
- font-size: 16px;
97
  font-weight: 600;
98
  color: #ffffff;
99
  margin: 0;
@@ -101,24 +101,24 @@
101
  {{start_date}}
102
  </p>
103
  </td>
104
- <td style="width: 50%; vertical-align: top; padding-left: 12px">
105
  <p style="
106
- font-size: 13px;
107
  font-weight: 500;
108
  color: rgba(255, 255, 255, 0.8);
109
- margin: 0 0 8px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
- Duration
114
  </p>
115
  <p style="
116
- font-size: 16px;
117
  font-weight: 600;
118
  color: #ffffff;
119
  margin: 0;
120
  ">
121
- {{duration|int}} minutes
122
  </p>
123
  </td>
124
  </tr>
@@ -131,33 +131,33 @@
131
  </tr>
132
  </table>
133
 
134
- <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 24px">
135
  <tr>
136
  <td style="text-align: center">
137
  <p style="
138
- font-size: 16px;
139
  font-weight: 600;
140
  color: #212529;
141
- margin: 0 0 16px 0;
142
  ">
143
- Time to get ready! Join when you're set
144
  </p>
145
  <table cellspacing="0" cellpadding="0" style="margin: 0 auto">
146
  <tr>
147
  <td style="
148
  background-color: #f7bd11;
149
- border-radius: 10px;
150
  text-align: center;
151
  ">
152
  <a href="{{join_link}}" style="
153
  display: inline-block;
154
- padding: 16px 48px;
155
  color: #212529;
156
  text-decoration: none;
157
- font-size: 18px;
158
  font-weight: 600;
159
  " class="btn-mobile">
160
- Join Video Call
161
  </a>
162
  </td>
163
  </tr>
@@ -171,33 +171,33 @@
171
  <td>
172
  <div style="
173
  background-color: #e7f5ff;
174
- border-left: 4px solid #54949D;
175
- border-radius: 8px;
176
- padding: 20px;
177
  ">
178
  <h4 style="
179
- font-size: 15px;
180
  font-weight: 600;
181
  color: #1971c2;
182
- margin: 0 0 10px 0;
183
  ">
184
- Pre-Session Checklist
185
  </h4>
186
  <ul style="
187
  margin: 0;
188
- padding-left: 20px;
189
  color: #1971c2;
190
- font-size: 14px;
191
- line-height: 1.7;
192
  ">
193
- <li style="margin-bottom: 6px">
194
- Review any client notes or previous session summaries
195
  </li>
196
- <li style="margin-bottom: 6px">
197
- Ensure your environment is quiet and professional
198
  </li>
199
  <li>
200
- Test your audio and video equipment
201
  </li>
202
  </ul>
203
  </div>
@@ -210,17 +210,17 @@
210
 
211
  {% block after_content %}
212
  <tr>
213
- <td style="padding: 24px 40px 32px 40px; text-align: center">
214
  <p style="
215
- font-size: 13px;
216
  font-weight: 400;
217
  color: #6c757d;
218
- line-height: 1.6;
219
  margin: 0;
220
  ">
221
- Looking forward to a great session! Need assistance?<br/>
222
  <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
223
  </p>
224
  </td>
225
  </tr>
226
- {% endblock %}
 
1
  {% extends "base.html" %}
2
 
3
+ {% block title %}Herinnering: Uw Sessie Begint Binnenkort{% endblock %}
4
 
5
  {% block main %}
6
  <tr>
7
+ <td style="padding: 24px 24px 20px 24px">
8
  <table cellspacing="0" cellpadding="0" style="width: 100%">
9
  <tr>
10
  <td style="text-align: center">
11
+ <table cellspacing="0" cellpadding="0" style="margin: 0 auto 16px auto;">
12
  <tr>
13
+ <td style="background-color: #fff3cd; border-radius: 50%; padding: 12px;">
14
  <table cellspacing="0" cellpadding="0">
15
  <tr>
16
+ <td style="width: 40px; height: 40px; background-color: #ffc107; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 24px; color: #212529;">
17
  ⏰
18
  </td>
19
  </tr>
 
23
  </table>
24
 
25
  <h1 style="
26
+ font-size: 22px;
27
  font-weight: 600;
28
  color: #212529;
29
+ margin: 0 0 8px 0;
30
  line-height: 1.3;
31
  ">
32
+ Uw Sessie Begint over 1 Uur
33
  </h1>
34
 
35
  <p style="
36
+ font-size: 14px;
37
  color: #6c757d;
38
+ margin: 0 0 20px 0;
39
+ line-height: 1.5;
40
  ">
41
+ Hallo {{coach_name}}, dit is een vriendelijke herinnering aan uw komende<br/>
42
+ coachingsessie met {{user_name}}.
43
  </p>
44
  </td>
45
  </tr>
46
  </table>
47
 
48
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 20px">
49
  <tr>
50
  <td>
51
  <div style="
52
  background: linear-gradient(135deg, #54949D 0%, #4a8289 100%);
53
+ border-radius: 10px;
54
+ padding: 16px;
55
  color: #ffffff;
56
  ">
57
  <table cellspacing="0" cellpadding="0" style="width: 100%">
58
  <tr>
59
+ <td style="padding-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.2)">
60
  <p style="
61
+ font-size: 11px;
62
  font-weight: 500;
63
  color: rgba(255, 255, 255, 0.8);
64
+ margin: 0 0 6px 0;
65
  text-transform: uppercase;
66
  letter-spacing: 0.5px;
67
  ">
68
+ Uw Cliënt
69
  </p>
70
  <p style="
71
+ font-size: 18px;
72
  font-weight: 600;
73
  color: #ffffff;
74
  margin: 0;
 
78
  </td>
79
  </tr>
80
  <tr>
81
+ <td style="padding-top: 14px">
82
  <table cellspacing="0" cellpadding="0" style="width: 100%">
83
  <tr>
84
+ <td style="width: 50%; vertical-align: top; padding-right: 10px">
85
  <p style="
86
+ font-size: 11px;
87
  font-weight: 500;
88
  color: rgba(255, 255, 255, 0.8);
89
+ margin: 0 0 6px 0;
90
  text-transform: uppercase;
91
  letter-spacing: 0.5px;
92
  ">
93
+ Starttijd
94
  </p>
95
  <p style="
96
+ font-size: 14px;
97
  font-weight: 600;
98
  color: #ffffff;
99
  margin: 0;
 
101
  {{start_date}}
102
  </p>
103
  </td>
104
+ <td style="width: 50%; vertical-align: top; padding-left: 10px">
105
  <p style="
106
+ font-size: 11px;
107
  font-weight: 500;
108
  color: rgba(255, 255, 255, 0.8);
109
+ margin: 0 0 6px 0;
110
  text-transform: uppercase;
111
  letter-spacing: 0.5px;
112
  ">
113
+ Duur
114
  </p>
115
  <p style="
116
+ font-size: 14px;
117
  font-weight: 600;
118
  color: #ffffff;
119
  margin: 0;
120
  ">
121
+ {{duration|int}} minuten
122
  </p>
123
  </td>
124
  </tr>
 
131
  </tr>
132
  </table>
133
 
134
+ <table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom: 16px">
135
  <tr>
136
  <td style="text-align: center">
137
  <p style="
138
+ font-size: 14px;
139
  font-weight: 600;
140
  color: #212529;
141
+ margin: 0 0 12px 0;
142
  ">
143
+ Tijd om u voor te bereiden! Neem deel wanneer u er klaar voor bent
144
  </p>
145
  <table cellspacing="0" cellpadding="0" style="margin: 0 auto">
146
  <tr>
147
  <td style="
148
  background-color: #f7bd11;
149
+ border-radius: 8px;
150
  text-align: center;
151
  ">
152
  <a href="{{join_link}}" style="
153
  display: inline-block;
154
+ padding: 12px 32px;
155
  color: #212529;
156
  text-decoration: none;
157
+ font-size: 15px;
158
  font-weight: 600;
159
  " class="btn-mobile">
160
+ Deelnemen aan Videogesprek
161
  </a>
162
  </td>
163
  </tr>
 
171
  <td>
172
  <div style="
173
  background-color: #e7f5ff;
174
+ border-left: 3px solid #54949D;
175
+ border-radius: 6px;
176
+ padding: 14px;
177
  ">
178
  <h4 style="
179
+ font-size: 14px;
180
  font-weight: 600;
181
  color: #1971c2;
182
+ margin: 0 0 8px 0;
183
  ">
184
+ Checklist voor de Sessie
185
  </h4>
186
  <ul style="
187
  margin: 0;
188
+ padding-left: 18px;
189
  color: #1971c2;
190
+ font-size: 13px;
191
+ line-height: 1.5;
192
  ">
193
+ <li style="margin-bottom: 4px">
194
+ Bekijk eventuele cliëntnotities of samenvattingen van eerdere sessies
195
  </li>
196
+ <li style="margin-bottom: 4px">
197
+ Zorg ervoor dat uw omgeving rustig en professioneel is
198
  </li>
199
  <li>
200
+ Test uw audio- en videoapparatuur
201
  </li>
202
  </ul>
203
  </div>
 
210
 
211
  {% block after_content %}
212
  <tr>
213
+ <td style="padding: 16px 24px 20px 24px; text-align: center">
214
  <p style="
215
+ font-size: 12px;
216
  font-weight: 400;
217
  color: #6c757d;
218
+ line-height: 1.5;
219
  margin: 0;
220
  ">
221
+ We kijken uit naar een geweldige sessie! Hulp nodig?<br/>
222
  <a href="mailto:support@spark.com" style="color: #54949D; text-decoration: none; font-weight: 500;">support@spark.com</a>
223
  </p>
224
  </td>
225
  </tr>
226
+ {% endblock %}