Tonne of udpatess
This commit is contained in:
150
api/src/templates/email/donation-receipt.html
Normal file
150
api/src/templates/email/donation-receipt.html
Normal file
@@ -0,0 +1,150 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Donation Receipt — {{ORGANIZATION_NAME}}</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
line-height: 1.6;
|
||||
color: #333;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
.container {
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 8px;
|
||||
padding: 30px;
|
||||
border: 1px solid #e0e0e0;
|
||||
}
|
||||
.header {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 2px solid #52c41a;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.logo {
|
||||
color: #52c41a;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.badge {
|
||||
background: linear-gradient(135deg, #52c41a, #389e0d);
|
||||
color: white;
|
||||
padding: 8px 16px;
|
||||
border-radius: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.content {
|
||||
background-color: white;
|
||||
padding: 25px;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 20px;
|
||||
border-left: 4px solid #52c41a;
|
||||
}
|
||||
.amount-box {
|
||||
text-align: center;
|
||||
background-color: #f6ffed;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
margin: 20px 0;
|
||||
border: 1px solid #b7eb8f;
|
||||
}
|
||||
.amount {
|
||||
font-size: 36px;
|
||||
font-weight: bold;
|
||||
color: #389e0d;
|
||||
}
|
||||
.info-section {
|
||||
background-color: #f6ffed;
|
||||
padding: 15px;
|
||||
border-radius: 4px;
|
||||
margin: 20px 0;
|
||||
border: 1px solid #b7eb8f;
|
||||
}
|
||||
.info-item {
|
||||
margin: 8px 0;
|
||||
}
|
||||
.info-label {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
color: #237804;
|
||||
}
|
||||
.info-value {
|
||||
color: #2c3e50;
|
||||
}
|
||||
.message-section {
|
||||
background-color: #fffbe6;
|
||||
padding: 15px;
|
||||
border-radius: 4px;
|
||||
margin: 20px 0;
|
||||
border: 1px solid #ffe58f;
|
||||
font-style: italic;
|
||||
}
|
||||
.footer {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #6c757d;
|
||||
margin-top: 30px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #e9ecef;
|
||||
}
|
||||
.app-branding {
|
||||
color: #52c41a;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="logo">{{ORGANIZATION_NAME}}</div>
|
||||
<div class="badge">Donation Receipt</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<p>Hi {{RECIPIENT_NAME}},</p>
|
||||
<p>Thank you for your generous donation! Here are the details of your contribution:</p>
|
||||
|
||||
<div class="amount-box">
|
||||
<div class="amount">{{AMOUNT}}</div>
|
||||
<div style="color: #6c757d; font-size: 14px; margin-top: 4px;">CAD</div>
|
||||
</div>
|
||||
|
||||
<div class="info-section">
|
||||
<div class="info-item">
|
||||
<span class="info-label">Reference ID:</span>
|
||||
<span class="info-value">{{ORDER_ID}}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="info-label">Date:</span>
|
||||
<span class="info-value">{{DONATION_DATE}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if DONOR_MESSAGE}}
|
||||
<div class="message-section">
|
||||
<strong>Your message:</strong>
|
||||
<p style="margin: 8px 0 0 0;">{{DONOR_MESSAGE}}</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if IS_ANONYMOUS}}
|
||||
<p style="color: #6c757d; font-size: 13px;">Your donation has been recorded as anonymous.</p>
|
||||
{{/if}}
|
||||
|
||||
<p>Your support makes a real difference. Thank you for being part of our community!</p>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p>This receipt was sent by <span class="app-branding">{{ORGANIZATION_NAME}}</span></p>
|
||||
<p>Please keep this email for your records.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
26
api/src/templates/email/donation-receipt.txt
Normal file
26
api/src/templates/email/donation-receipt.txt
Normal file
@@ -0,0 +1,26 @@
|
||||
{{ORGANIZATION_NAME}} — Donation Receipt
|
||||
|
||||
Hi {{RECIPIENT_NAME}},
|
||||
|
||||
Thank you for your generous donation!
|
||||
|
||||
Donation Details:
|
||||
- Amount: {{AMOUNT}} CAD
|
||||
- Reference ID: {{ORDER_ID}}
|
||||
- Date: {{DONATION_DATE}}
|
||||
|
||||
{{#if DONOR_MESSAGE}}
|
||||
Your message:
|
||||
{{DONOR_MESSAGE}}
|
||||
{{/if}}
|
||||
|
||||
{{#if IS_ANONYMOUS}}
|
||||
Your donation has been recorded as anonymous.
|
||||
{{/if}}
|
||||
|
||||
Your support makes a real difference. Thank you for being part of our community!
|
||||
|
||||
---
|
||||
|
||||
This receipt was sent by {{ORGANIZATION_NAME}}.
|
||||
Please keep this email for your records.
|
||||
149
api/src/templates/email/product-receipt.html
Normal file
149
api/src/templates/email/product-receipt.html
Normal file
@@ -0,0 +1,149 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Purchase Receipt — {{ORGANIZATION_NAME}}</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
line-height: 1.6;
|
||||
color: #333;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
.container {
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 8px;
|
||||
padding: 30px;
|
||||
border: 1px solid #e0e0e0;
|
||||
}
|
||||
.header {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 2px solid #1890ff;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.logo {
|
||||
color: #1890ff;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.badge {
|
||||
background: linear-gradient(135deg, #1890ff, #096dd9);
|
||||
color: white;
|
||||
padding: 8px 16px;
|
||||
border-radius: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.content {
|
||||
background-color: white;
|
||||
padding: 25px;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 20px;
|
||||
border-left: 4px solid #1890ff;
|
||||
}
|
||||
.product-box {
|
||||
text-align: center;
|
||||
background-color: #e6f7ff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
margin: 20px 0;
|
||||
border: 1px solid #91d5ff;
|
||||
}
|
||||
.product-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #096dd9;
|
||||
}
|
||||
.product-type {
|
||||
display: inline-block;
|
||||
padding: 2px 10px;
|
||||
border-radius: 4px;
|
||||
background: #1890ff;
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.amount {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
color: #096dd9;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.info-section {
|
||||
background-color: #e6f7ff;
|
||||
padding: 15px;
|
||||
border-radius: 4px;
|
||||
margin: 20px 0;
|
||||
border: 1px solid #91d5ff;
|
||||
}
|
||||
.info-item {
|
||||
margin: 8px 0;
|
||||
}
|
||||
.info-label {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
color: #0050b3;
|
||||
}
|
||||
.info-value {
|
||||
color: #2c3e50;
|
||||
}
|
||||
.footer {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #6c757d;
|
||||
margin-top: 30px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #e9ecef;
|
||||
}
|
||||
.app-branding {
|
||||
color: #1890ff;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="logo">{{ORGANIZATION_NAME}}</div>
|
||||
<div class="badge">Purchase Receipt</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<p>Hi {{RECIPIENT_NAME}},</p>
|
||||
<p>Thank you for your purchase! Here are the details:</p>
|
||||
|
||||
<div class="product-box">
|
||||
<div class="product-title">{{PRODUCT_TITLE}}</div>
|
||||
<div class="product-type">{{PRODUCT_TYPE}}</div>
|
||||
<div class="amount">{{AMOUNT}}</div>
|
||||
<div style="color: #6c757d; font-size: 14px;">CAD</div>
|
||||
</div>
|
||||
|
||||
<div class="info-section">
|
||||
<div class="info-item">
|
||||
<span class="info-label">Order ID:</span>
|
||||
<span class="info-value">{{ORDER_ID}}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="info-label">Date:</span>
|
||||
<span class="info-value">{{PURCHASE_DATE}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>If you have any questions about your purchase, please don't hesitate to reach out.</p>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p>This receipt was sent by <span class="app-branding">{{ORGANIZATION_NAME}}</span></p>
|
||||
<p>Please keep this email for your records.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
19
api/src/templates/email/product-receipt.txt
Normal file
19
api/src/templates/email/product-receipt.txt
Normal file
@@ -0,0 +1,19 @@
|
||||
{{ORGANIZATION_NAME}} — Purchase Receipt
|
||||
|
||||
Hi {{RECIPIENT_NAME}},
|
||||
|
||||
Thank you for your purchase!
|
||||
|
||||
Purchase Details:
|
||||
- Product: {{PRODUCT_TITLE}}
|
||||
- Type: {{PRODUCT_TYPE}}
|
||||
- Amount: {{AMOUNT}} CAD
|
||||
- Order ID: {{ORDER_ID}}
|
||||
- Date: {{PURCHASE_DATE}}
|
||||
|
||||
If you have any questions about your purchase, please don't hesitate to reach out.
|
||||
|
||||
---
|
||||
|
||||
This receipt was sent by {{ORGANIZATION_NAME}}.
|
||||
Please keep this email for your records.
|
||||
156
api/src/templates/email/subscription-welcome.html
Normal file
156
api/src/templates/email/subscription-welcome.html
Normal file
@@ -0,0 +1,156 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Welcome to {{PLAN_NAME}} — {{ORGANIZATION_NAME}}</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
line-height: 1.6;
|
||||
color: #333;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
.container {
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 8px;
|
||||
padding: 30px;
|
||||
border: 1px solid #e0e0e0;
|
||||
}
|
||||
.header {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 2px solid #722ed1;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.logo {
|
||||
color: #722ed1;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.badge {
|
||||
background: linear-gradient(135deg, #722ed1, #531dab);
|
||||
color: white;
|
||||
padding: 8px 16px;
|
||||
border-radius: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.content {
|
||||
background-color: white;
|
||||
padding: 25px;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 20px;
|
||||
border-left: 4px solid #722ed1;
|
||||
}
|
||||
.plan-box {
|
||||
text-align: center;
|
||||
background-color: #f9f0ff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
margin: 20px 0;
|
||||
border: 1px solid #d3adf7;
|
||||
}
|
||||
.plan-name {
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
color: #531dab;
|
||||
}
|
||||
.plan-price {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
color: #722ed1;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.plan-frequency {
|
||||
color: #6c757d;
|
||||
font-size: 14px;
|
||||
}
|
||||
.info-section {
|
||||
background-color: #f9f0ff;
|
||||
padding: 15px;
|
||||
border-radius: 4px;
|
||||
margin: 20px 0;
|
||||
border: 1px solid #d3adf7;
|
||||
}
|
||||
.info-item {
|
||||
margin: 8px 0;
|
||||
}
|
||||
.info-label {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
width: 140px;
|
||||
color: #391085;
|
||||
}
|
||||
.info-value {
|
||||
color: #2c3e50;
|
||||
}
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 12px 28px;
|
||||
border-radius: 6px;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
background: linear-gradient(135deg, #722ed1, #531dab);
|
||||
color: white;
|
||||
}
|
||||
.footer {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #6c757d;
|
||||
margin-top: 30px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #e9ecef;
|
||||
}
|
||||
.app-branding {
|
||||
color: #722ed1;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="logo">{{ORGANIZATION_NAME}}</div>
|
||||
<div class="badge">Subscription Confirmed</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<p>Hi {{RECIPIENT_NAME}},</p>
|
||||
<p>Welcome! Your subscription has been activated. Here are the details:</p>
|
||||
|
||||
<div class="plan-box">
|
||||
<div class="plan-name">{{PLAN_NAME}}</div>
|
||||
<div class="plan-price">{{AMOUNT}}</div>
|
||||
<div class="plan-frequency">{{FREQUENCY}}</div>
|
||||
</div>
|
||||
|
||||
<div class="info-section">
|
||||
<div class="info-item">
|
||||
<span class="info-label">Subscription ID:</span>
|
||||
<span class="info-value">{{SUBSCRIPTION_ID}}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="info-label">Next Renewal:</span>
|
||||
<span class="info-value">{{RENEWAL_DATE}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="text-align: center; margin-top: 20px;">
|
||||
<a href="{{LOGIN_URL}}" class="btn">Go to Dashboard</a>
|
||||
</div>
|
||||
|
||||
<p style="margin-top: 20px;">You can manage your subscription from your account dashboard at any time.</p>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p>This confirmation was sent by <span class="app-branding">{{ORGANIZATION_NAME}}</span></p>
|
||||
<p>You can manage or cancel your subscription from your account settings.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
19
api/src/templates/email/subscription-welcome.txt
Normal file
19
api/src/templates/email/subscription-welcome.txt
Normal file
@@ -0,0 +1,19 @@
|
||||
{{ORGANIZATION_NAME}} — Subscription Confirmed
|
||||
|
||||
Hi {{RECIPIENT_NAME}},
|
||||
|
||||
Welcome! Your subscription has been activated.
|
||||
|
||||
Subscription Details:
|
||||
- Plan: {{PLAN_NAME}}
|
||||
- Amount: {{AMOUNT}} ({{FREQUENCY}})
|
||||
- Subscription ID: {{SUBSCRIPTION_ID}}
|
||||
- Next Renewal: {{RENEWAL_DATE}}
|
||||
|
||||
Go to your dashboard: {{LOGIN_URL}}
|
||||
|
||||
You can manage or cancel your subscription from your account settings at any time.
|
||||
|
||||
---
|
||||
|
||||
This confirmation was sent by {{ORGANIZATION_NAME}}.
|
||||
Reference in New Issue
Block a user