50 lines
1.8 KiB
HTML
50 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html v-bind:lang="locale">
|
|
<head>
|
|
<title>{{ $t('subject') }}</title>
|
|
</head>
|
|
<body>
|
|
<section class="container">
|
|
<!-- Header component -->
|
|
<email-header
|
|
v-bind:is-preview="isPreview"
|
|
v-bind:locale="locale">
|
|
</email-header>
|
|
<!-- End header component -->
|
|
<section class="main">
|
|
<!-- Title block -->
|
|
<div class="title">
|
|
<h1>{{ $t('title') }}</h1>
|
|
</div>
|
|
<!-- Title block end -->
|
|
|
|
<p>{{ $t('sections.introduction.title') }},</p>
|
|
<p v-html="`${$t('sections.introduction.description')}:`"></p>
|
|
|
|
<p>
|
|
<section>
|
|
<span>{{ $t('sections.pay.method') }}:</span>
|
|
<strong>{{client.payMethodName}}</strong>
|
|
</section>
|
|
<section v-if="client.payMethodId != 5">
|
|
<span>{{ $t('sections.pay.day') }}:</span>
|
|
<strong>{{ $t('sections.pay.dueDay', [client.dueDay]) }}</strong>
|
|
</section>
|
|
</p>
|
|
|
|
<p v-if="client.payMethodId == 4" v-html="$t('sections.pay.accountImplicates', [client.accountAddress])"></p>
|
|
<p v-else-if="client.payMethodId == 5">
|
|
{{ $t('sections.pay.cardImplicates') }}
|
|
</p>
|
|
|
|
<p>{{ $t('notifyAnError') }}</p>
|
|
</section>
|
|
<!-- Footer component -->
|
|
<email-footer
|
|
v-bind:is-preview="isPreview"
|
|
v-bind:locale="locale">
|
|
</email-footer>
|
|
<!-- End footer component -->
|
|
</section>
|
|
</body>
|
|
</html> |