Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
122 changes: 122 additions & 0 deletions src/email/templates/reserve-society-name.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
<html>
<head>
<meta charset='utf-8' />
<style>
body { font-family: Arial, sans-serif; line-height: 1.6; color: #333;
max-width: 800px; margin: 0 auto; padding: 20px; } .header {
background-color: #2563eb; color: white; padding: 20px; text-align:
center; border-radius: 5px 5px 0 0; } .content { background-color:
#f7fafc; padding: 30px; border: 1px solid #e2e8f0; border-top: none; }
.section { margin-bottom: 25px; background-color: white; padding: 20px;
border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.section-title { color: #2563eb; font-size: 18px; font-weight: bold;
margin-bottom: 15px; border-bottom: 2px solid #2563eb; padding-bottom:
5px; } .field { margin-bottom: 12px; } .field-label { font-weight: bold;
color: #4a5568; display: inline-block; width: 200px; } .field-value {
color: #1a202c; } .footer { margin-top: 30px; padding: 20px;
background-color: #edf2f7; border-radius: 5px; text-align: center;
font-size: 14px; color: #718096; } .financial-highlight {
background-color: #fef3c7; padding: 10px; border-radius: 5px; margin-top:
10px; border-left: 4px solid #f59e0b; }
</style>
</head>
<body>
<div class='header'>
<h1>Request to Reserve Society Name Application</h1>
</div>

<div class='content'>
<p>A new request to reserve a society name has been submitted.</p>

<div class='section'>
<div class='section-title'>Applicant Information</div>
<div class='field'>
<span class='field-label'>Name:</span>
<span class='field-value'>{{applicant.title}}
{{applicant.firstName}}
{{applicant.lastName}}</span>
</div>
<div class='field'>
<span class='field-label'>Address:</span>
<span class='field-value'>{{applicant.addressLine1}}{{#if
applicant.addressLine2
}}, {{applicant.addressLine2}}{{/if}}</span>
</div>
<div class='field'>
<span class='field-label'>Parish:</span>
<span class='field-value'>{{applicant.parish}}</span>
</div>
{{#if applicant.postalCode}}
<div class='field'>
<span class='field-label'>Postal Code:</span>
<span class='field-value'>{{applicant.postalCode}}</span>
</div>
{{/if}}
<div class='field'>
<span class='field-label'>Email:</span>
<span class='field-value'>{{applicant.email}}</span>
</div>
<div class='field'>
<span class='field-label'>Phone:</span>
<span class='field-value'>{{applicant.telephoneNumber}}</span>
</div>

</div>

<div class='section'>
<div class='section-title'>Request Details</div>
<div class='field'>
<span class='field-label'>Purpose:</span>
<span class='field-value'>{{request.purpose}}</span>
</div>
{{#if request.currentSocietyName}}
<div class='field'>
<span class='field-label'>Current Society Name:</span>
<span class='field-value'>{{request.currentSocietyName}}</span>
</div>
{{/if}}
</div>

<div class='section'>
<div class='section-title'>Proposed Society Names</div>
{{#each proposed-names}}
<div class='field'>
<span class='field-label'>Option {{@index}}:</span>
<span class='field-value'>{{this.value}}</span>
</div>
{{/each}}
</div>

<div class='section'>
<div class='section-title'>Society Activities</div>
{{#each activities}}
<div class='field'>
<span class='field-value'>• {{this.value}}</span>
</div>
{{/each}}
</div>

<div class='section'>
<div class='section-title'>Contact Information</div>
<div class='field'>
<span class='field-label'>Address:</span>
<span class='field-value'>{{applicant.addressLine1}}{{#if
applicant.addressLine2
}}, {{applicant.addressLine2}}{{/if}}</span>
</div>
<div class='field'>
<span class='field-label'>Parish:</span>
<span class='field-value'>{{applicant.parish}}</span>
</div>

</div>

<div class='footer'>
<p><strong>Application ID:</strong> {{submissionId}}</p>
<p>This is an automated notification from the Reserve a Society Name
System.</p>
<p>Please review this application and follow up as necessary.</p>
</div>
</div>
</body>
</html>