{{ title() }}

{{ badge().text }}
@if (callout(); as callout) {

{{ callout.description }}

@if (callout.callsToAction) {
@for (cta of callout.callsToAction; track cta.action) { }
}
}

@let status = subscription().status; @switch (status) { @case ("incomplete") { {{ "yourSubscriptionWillBeSuspendedOn" | i18n }} {{ suspension() | date: dateFormat }} } @case ("incomplete_expired") { {{ "yourSubscriptionWasSuspendedOn" | i18n }} {{ suspension() | date: dateFormat }} } @case ("trialing") { @if (cancelAt(); as cancelAt) { {{ "yourSubscriptionWillBeCanceledOn" | i18n }} {{ cancelAt | date: dateFormat }} } @else { {{ "yourNextChargeIsFor" | i18n }} {{ total | currency: "USD" : "symbol" }} USD {{ "dueOn" | i18n }} {{ nextCharge() | date: dateFormat }} } } @case ("active") { @if (cancelAt(); as cancelAt) { {{ "yourSubscriptionWillBeCanceledOn" | i18n }} {{ cancelAt | date: dateFormat }} } @else { {{ "yourNextChargeIsFor" | i18n }} {{ total | currency: "USD" : "symbol" }} USD {{ "dueOn" | i18n }} {{ nextCharge() | date: dateFormat }} } } @case ("past_due") { {{ "yourSubscriptionWillBeSuspendedOn" | i18n }} {{ suspension() | date: dateFormat }} } @case ("canceled") { {{ "yourSubscriptionWasCanceledOn" | i18n }} {{ canceled() | date: dateFormat }} } @case ("unpaid") { {{ "yourSubscriptionWasSuspendedOn" | i18n }} {{ suspension() | date: dateFormat }} } }