150 lines
8.0 KiB
Handlebars
150 lines
8.0 KiB
Handlebars
<!DOCTYPE html>
|
|
<html lang="en" xmlns="https://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
|
|
<!-- Ref: https://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919 -->
|
|
|
|
<head>
|
|
<title></title>
|
|
{{> header-style}}
|
|
</head>
|
|
|
|
<body style="margin:0;padding:0;word-spacing:normal;background-color: #ffffff;">
|
|
<div role="article" aria-roledescription="email" lang="en" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#ffffff;">
|
|
<table role="presentation" style="width:100%;border:0;border-spacing:0;">
|
|
<tr>
|
|
<td align="center">
|
|
|
|
<!--[if mso]>
|
|
<table role="presentation" align="center" style="width:660px;">
|
|
<tr>
|
|
<td style="padding:10px 0;">
|
|
<![endif]-->
|
|
<!--The div for Email content-->
|
|
<div class="outer" style="width:96%;max-width:660px;margin:10px auto;">
|
|
|
|
<!--Start_Logo_Title-->
|
|
{{> header-w-title title="your-current-subscriptions"}}
|
|
<!--End_Logo_Title-->
|
|
<div class="spacer" style="mso-line-height-rule:exactly;line-height:20px;height:20px;"> </div>
|
|
|
|
<!--Start_1_Col-->
|
|
<table role="presentation" style="width:100%;border:0;border-spacing:0;border-collapse:collapse;">
|
|
<tr>
|
|
<td style="padding-left:22px;padding-right:22px;text-align:left;">
|
|
<h1 style="margin-top:0;margin-bottom:1em;font-family:Arial,sans-serif;font-size:18px;line-height:22px;font-weight:bold;color: #2E7D32;">{{ $t "greetings" name=name }},</h1>
|
|
{{#or package addon }}
|
|
<p style="margin:12px 0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">{{& $t "current-subscriptions-msg" }}</p>
|
|
<p style="margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">{{& $t "current-subscriptions-msg2" }}</p>
|
|
|
|
<div class="spacer" style="mso-line-height-rule:exactly;line-height:10px;height:10px;"> </div>
|
|
|
|
<!-- Package -->
|
|
{{#each package}}
|
|
{{> hr }}
|
|
<table style="width: 100%;border:0;border-spacing:0;border-collapse:collapse;">
|
|
<thead>
|
|
<tr height="4" style="mso-line-height-rule:exactly;line-height: 4px;">
|
|
<td style="font-family: Consolas, monaco, monospace;"> </td>
|
|
<td width="100%"></td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr style="mso-line-height-rule:exactly;line-height: 32px;">
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:16px;"><strong>{{ $t "package" }}</strong></td>
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:16px;"><strong>{{ $t name }}</strong></td>
|
|
</tr>
|
|
<tr style="mso-line-height-rule:exactly;line-height: 30px;">
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;"><strong>{{ $t "start-date" }}</strong></td>
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;">{{ startDate }}</td>
|
|
</tr>
|
|
{{#eq status "trialing"}}
|
|
<tr style="mso-line-height-rule:exactly;line-height: 30px;">
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;"><strong>{{ $t "trials-end" }}</strong></td>
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;"><strong>{{ trialEnd }}</strong></td>
|
|
</tr>
|
|
{{else}}
|
|
<tr style="mso-line-height-rule:exactly;line-height: 30px;">
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;"><strong>{{ $t "billing-cycle" }}</strong></td>
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;">{{ $t billCycle }}</td>
|
|
</tr>
|
|
{{/eq}}
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="spacer" style="mso-line-height-rule:exactly;line-height:10px;height:10px;"> </div>
|
|
{{/each}}
|
|
|
|
<!-- Addons -->
|
|
{{#each addon}}
|
|
{{> hr }}
|
|
<table style="width: 100%;border:0;border-spacing:0;border-collapse:collapse;">
|
|
<thead>
|
|
<tr height="4" style="mso-line-height-rule:exactly;line-height: 4px;">
|
|
<td style="font-family: Consolas, monaco, monospace;"> </td>
|
|
<td width="100%"></td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr style="mso-line-height-rule:exactly;line-height: 30px;">
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;"><strong>{{ $t "addon" }}</strong></td>
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;"><strong>{{ $t name }}</strong></td>
|
|
</tr>
|
|
<tr style="mso-line-height-rule:exactly;line-height: 30px;">
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;"><strong>{{ $t "addon_qty" }}</strong></td>
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;">{{ quantity }}</td>
|
|
</tr>
|
|
|
|
<tr style="mso-line-height-rule:exactly;line-height: 30px;">
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;"><strong>{{ $t "start-date" }}</strong></td>
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;">{{ startDate }}</td>
|
|
</tr>
|
|
|
|
{{#eq status "trialing"}}
|
|
<tr style="mso-line-height-rule:exactly;line-height: 30px;">
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;"><strong>{{ $t "trials-end" }}</strong></td>
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;"><strong>{{ trialEnd }}</strong></td>
|
|
</tr>
|
|
{{else}}
|
|
<tr style="mso-line-height-rule:exactly;line-height: 30px;">
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;"><strong>{{ $t "billing-cycle" }}</strong></td>
|
|
<td valign="top" style="font-family:Arial,sans-serif;font-size:14px;">{{ $t billCycle }}</td>
|
|
</tr>
|
|
{{/eq}}
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="spacer" style="mso-line-height-rule:exactly;line-height:10px;height:10px;"> </div>
|
|
{{/each}}
|
|
|
|
{{else}}
|
|
<p style="margin:2em 0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">{{& $t "no-current-subscriptions" }}</p>
|
|
{{/or}}
|
|
|
|
{{> hr }}
|
|
|
|
<p style="margin-top:16px;margin-bottom:14px;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">
|
|
{{& $t "contact-notes" }}
|
|
</p>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!--End_1_Col-->
|
|
|
|
<!--Start_Footer-->
|
|
{{> footer }}
|
|
<!--End_Footer-->
|
|
|
|
<!--[if mso]>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<![endif]-->
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |