You've already forked AstralRinth
forked from didirus/AstralRinth
f3060cd9b4
* feat: subscription tax change email * feat: wording * feat: subscription id var for support & finalize tax change email script
35 lines
1.1 KiB
Vue
35 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { Button, Heading, Link as VLink, Text } from '@vue-email/components'
|
|
|
|
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
|
</script>
|
|
|
|
<template>
|
|
<StyledEmail
|
|
title="Payment failed for {paymentfailed.service}"
|
|
:manual-links="[{ link: '{billing.url}', label: 'Billing settings' }]"
|
|
:support-info="['{subscription.id}']"
|
|
>
|
|
<Heading as="h1" class="mb-2 text-2xl font-bold">
|
|
Payment failed for {paymentfailed.service}
|
|
</Heading>
|
|
|
|
<Text class="text-muted text-base">Hi {user.name},</Text>
|
|
<Text class="text-muted text-base">
|
|
Our attempt to collect payment for {paymentfailed.amount} from the payment card on file was
|
|
unsuccessful. Please update your billing settings to avoid suspension of your service.
|
|
</Text>
|
|
<Button
|
|
href="{billing.url}"
|
|
target="_blank"
|
|
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
|
|
>
|
|
Update billing settings
|
|
</Button>
|
|
|
|
<VLink href="{billing.url}">
|
|
<Text class="text-muted mt-2 break-words text-xs font-bold">{billing.url}</Text>
|
|
</VLink>
|
|
</StyledEmail>
|
|
</template>
|