05ebd0f2bb
- Add email template presets for Browse Templates tab (12 templates) - Add bulk selection and deletion for My Templates tab - Add communication credits system with Twilio integration - Add payment views for credit purchases and auto-reload - Add SMS reminder and masked calling plan permissions - Fix appointment status mapping (frontend/backend mismatch) - Clear masquerade stack on login/logout for session hygiene - Update platform settings with credit configuration - Add new migrations for Twilio and Stripe payment fields 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
82 lines
4.9 KiB
HTML
82 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Appointment Confirmed - Classic</title>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; background-color: #faf9f6; font-family: 'Georgia', 'Times New Roman', serif;">
|
|
<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
|
<tr>
|
|
<td align="center" style="padding: 40px 0;">
|
|
<table width="600" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #ffffff; border: 1px solid #e7e5e4; border-top: 4px solid #1c1917;">
|
|
<!-- Header -->
|
|
<tr>
|
|
<td style="padding: 40px 40px 20px; text-align: center;">
|
|
<img src="https://placehold.co/120x60/1c1917/ffffff?text=LOGO&font=playfair-display" alt="Logo" style="height: 60px; width: auto;">
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Content -->
|
|
<tr>
|
|
<td style="padding: 20px 60px 40px;">
|
|
<h1 style="margin: 0 0 24px; color: #1c1917; font-size: 28px; font-weight: 400; text-align: center; letter-spacing: -0.02em;">
|
|
Appointment Confirmation
|
|
</h1>
|
|
<p style="margin: 0 0 24px; color: #44403c; font-size: 16px; line-height: 1.8; text-align: center;">
|
|
Dear {{CUSTOMER_NAME}},<br><br>
|
|
We are pleased to confirm your appointment with {{BUSINESS_NAME}}. Please review the details below.
|
|
</p>
|
|
|
|
<!-- Divider -->
|
|
<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
|
<tr>
|
|
<td style="border-bottom: 1px solid #e7e5e4; padding-bottom: 20px; margin-bottom: 20px;"></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Details -->
|
|
<table width="100%" cellpadding="0" cellspacing="0" role="presentation" style="margin-top: 20px;">
|
|
<tr>
|
|
<td style="padding: 12px 0; color: #78716c; font-family: 'Arial', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em;">Service</td>
|
|
<td style="padding: 12px 0; text-align: right; color: #1c1917; font-size: 16px;">{{APPOINTMENT_SERVICE}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="border-bottom: 1px solid #f5f5f4; padding: 0;" colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 12px 0; color: #78716c; font-family: 'Arial', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em;">Date</td>
|
|
<td style="padding: 12px 0; text-align: right; color: #1c1917; font-size: 16px;">{{APPOINTMENT_DATE}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="border-bottom: 1px solid #f5f5f4; padding: 0;" colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 12px 0; color: #78716c; font-family: 'Arial', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em;">Time</td>
|
|
<td style="padding: 12px 0; text-align: right; color: #1c1917; font-size: 16px;">{{APPOINTMENT_TIME}}</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Map / Location Image Placeholder -->
|
|
<div style="margin-top: 30px; border: 1px solid #e7e5e4; padding: 4px;">
|
|
<img src="https://placehold.co/500x150/f5f5f4/a8a29e?text=Location+Map&font=lora" alt="Location" style="width: 100%; height: auto; display: block;">
|
|
</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Footer -->
|
|
<tr>
|
|
<td style="background-color: #1c1917; padding: 30px; text-align: center;">
|
|
<p style="margin: 0; color: #d6d3d1; font-family: 'Arial', sans-serif; font-size: 13px; line-height: 1.6;">
|
|
{{BUSINESS_NAME}}<br>
|
|
{{BUSINESS_PHONE}} | {{BUSINESS_EMAIL}}
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html> |