108 lines
5.7 KiB
Handlebars
108 lines
5.7 KiB
Handlebars
<!DOCTYPE html>
|
||
<html lang="en" xmlns="https://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
|
||
|
||
<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-->
|
||
{{#if isWarning}}{{> header-w-title title="promo-expiring-subject"}}{{else}}{{> header-w-title title="promo-expired-subject"}}{{/if}}
|
||
<!--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;">
|
||
<tr>
|
||
<td style="padding-left:22px;padding-right:22px;text-align:left;">
|
||
<h1 style="margin-top:0;margin-bottom:12px;font-family:Arial,sans-serif;font-size:18px;line-height:22px;font-weight:bold;color: #2E7D32;">{{ $t "greetings" name=name }},</h1>
|
||
|
||
<div class="spacer" style="mso-line-height-rule:exactly;line-height:10px;height:10px;"> </div>
|
||
|
||
<p style="margin:0 0 16px 0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">
|
||
{{#if isWarning}}{{$t "promo-expiring-intro" promoName=promoName subName=subName promoEndDate=promoEndDate}}{{else}}{{$t "promo-expired-intro" promoName=promoName subName=subName}}{{/if}}
|
||
</p>
|
||
|
||
<div style="background-color: #f8f9fa; border-left: 4px solid #28a745; padding: 15px; margin: 16px 0;">
|
||
<p style="font-size: 14px; color: #333333; margin: 0 0 10px 0; font-family:Arial,sans-serif;">
|
||
<strong>{{$t "promo-details-label"}}:</strong>
|
||
</p>
|
||
<ul style="font-size: 14px; color: #333333; margin: 0; padding-left: 20px; font-family:Arial,sans-serif;">
|
||
<li style="margin: 4px 0;">{{$t "promo-name-label"}}: <strong>{{promoName}}</strong></li>
|
||
{{#if promoDiscount}}
|
||
<li style="margin: 4px 0;">{{$t "discount-label"}}: <strong>{{promoDiscount}}</strong></li>
|
||
{{/if}}
|
||
<li style="margin: 4px 0;">{{$t "subscription-name-label"}}: <strong>{{subName}}</strong></li>
|
||
<li style="margin: 4px 0;">{{$t "subscription-type-label"}}: <strong>{{$t subKind}}</strong></li>
|
||
{{#if promoStartDate}}
|
||
<li style="margin: 4px 0;">{{$t "promo-period-label"}}: <strong>{{promoStartDate}} – {{promoEndDate}}</strong></li>
|
||
{{/if}}
|
||
{{#if newBillingDate}}
|
||
<li style="margin: 4px 0;">{{$t "next-billing-date-label"}}: <strong>{{newBillingDate}}</strong></li>
|
||
{{/if}}
|
||
{{#if chargeAmount}}
|
||
<li style="margin: 4px 0;">{{$t "charge-amount-label"}}{{#if isTaxable}} ({{$t "before-tax-note"}}){{/if}}: <strong>{{chargeAmount}}</strong></li>
|
||
{{/if}}
|
||
</ul>
|
||
</div>
|
||
|
||
<p style="margin:16px 0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">
|
||
{{#if isWarning}}{{$t "promo-expiring-billing-notice" newBillingDate=newBillingDate}}{{else}}{{$t "promo-expired-billing-notice"}}{{/if}}
|
||
</p>
|
||
|
||
<p style="margin:16px 0 24px 0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">
|
||
{{#if isWarning}}{{$t "promo-expiring-manage-notice"}}{{else}}{{$t "promo-expired-manage-notice"}}{{/if}}
|
||
</p>
|
||
|
||
<p style="margin-top:16px;margin-bottom:24px;font-family:Arial,sans-serif;">
|
||
<a href="{{ manageSubUrl }}" style="background: #28a745; border: 1px solid #28a745; text-decoration: none; padding: 8px 16px; color: #ffffff; border-radius: 4px; display:inline-block; mso-padding-alt:0;text-underline-color:#ffffff;font-size:16px">
|
||
<!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%;mso-text-raise:20pt"> </i><![endif]-->
|
||
<span style="mso-text-raise:10pt;font-weight:bold;">{{ $t "manage-subscription-btn" }}</span>
|
||
<!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%"> </i><![endif]-->
|
||
</a>
|
||
</p>
|
||
|
||
<div class="spacer" style="mso-line-height-rule:exactly;line-height:10px;height:10px;"> </div>
|
||
{{> hr }}
|
||
|
||
<p style="margin-top:16px;margin-bottom:14px;font-family:Arial,sans-serif;font-size:13px;line-height:18px;color:#666666;">
|
||
{{$t "promo-expired-questions"}}
|
||
</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>
|