2019-01-22 08:55:35 +00:00
|
|
|
<!DOCTYPE html>
|
2020-05-20 14:23:53 +00:00
|
|
|
<html v-bind:lang="$i18n.locale">
|
2019-01-22 08:55:35 +00:00
|
|
|
<head>
|
2019-11-13 11:18:30 +00:00
|
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
|
<meta name="format-detection" content="telephone=no">
|
2019-01-22 08:55:35 +00:00
|
|
|
<title>{{ $t('subject') }}</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2019-11-11 10:04:49 +00:00
|
|
|
<table class="grid">
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<!-- Empty block -->
|
|
|
|
|
<div class="grid-row">
|
|
|
|
|
<div class="grid-block empty"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Header block -->
|
|
|
|
|
<div class="grid-row">
|
|
|
|
|
<div class="grid-block">
|
2019-11-21 08:33:08 +00:00
|
|
|
<email-header v-bind="$props"></email-header>
|
2019-11-11 10:04:49 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Block -->
|
|
|
|
|
<div class="grid-row">
|
2021-01-18 07:33:20 +00:00
|
|
|
<div class="grid-block vn-pa-ml">
|
2019-11-11 10:04:49 +00:00
|
|
|
<h1>{{ $t('title') }}</h1>
|
|
|
|
|
<p>{{ $t('sections.introduction.title') }},</p>
|
|
|
|
|
<p>{{ $t('sections.introduction.description') }}</p>
|
|
|
|
|
<p>{{ $t('sections.introduction.terms') }}</p>
|
2019-01-22 08:55:35 +00:00
|
|
|
|
2019-11-11 10:04:49 +00:00
|
|
|
<p>
|
|
|
|
|
{{ $t('sections.payMethod.description') }}:
|
|
|
|
|
<ol>
|
|
|
|
|
<li v-for="option in $t('sections.payMethod.options')">
|
|
|
|
|
{{ option }}
|
|
|
|
|
</li>
|
|
|
|
|
</ol>
|
|
|
|
|
</p>
|
2019-01-22 08:55:35 +00:00
|
|
|
|
2019-11-11 10:04:49 +00:00
|
|
|
<p>
|
|
|
|
|
{{ $t('sections.legalAction.description') }}:
|
|
|
|
|
<ol type="a">
|
|
|
|
|
<li v-for="option in $t('sections.legalAction.options')">
|
|
|
|
|
{{ option }}
|
|
|
|
|
</li>
|
|
|
|
|
</ol>
|
|
|
|
|
</p>
|
2019-01-22 08:55:35 +00:00
|
|
|
|
2019-11-11 10:04:49 +00:00
|
|
|
<p v-html="$t('contactPhone')"></p>
|
|
|
|
|
<p v-html="$t('conclusion')"></p>
|
2019-01-22 08:55:35 +00:00
|
|
|
|
2019-11-11 10:04:49 +00:00
|
|
|
<p>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="text">{{debtor.bankName}}</div>
|
|
|
|
|
<div class="control">{{debtor.iban}}</div>
|
|
|
|
|
<div class="description">
|
|
|
|
|
<div class="line"><span>{{$t('transferAccount') }}</span></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
2019-01-22 08:55:35 +00:00
|
|
|
</div>
|
2019-11-11 10:04:49 +00:00
|
|
|
<!-- Block -->
|
|
|
|
|
<div class="grid-row" v-if="isPreview">
|
2021-01-18 07:33:20 +00:00
|
|
|
<div class="grid-block vn-pa-ml">
|
2019-11-11 10:04:49 +00:00
|
|
|
<attachment v-for="attachment in attachments"
|
|
|
|
|
v-bind:key="attachment.filename"
|
|
|
|
|
v-bind:attachment="attachment"
|
|
|
|
|
v-bind:args="$props">
|
|
|
|
|
</attachment>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Footer block -->
|
|
|
|
|
<div class="grid-row">
|
|
|
|
|
<div class="grid-block">
|
2019-11-21 08:33:08 +00:00
|
|
|
<email-footer v-bind="$props"></email-footer>
|
2019-11-11 10:04:49 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Empty block -->
|
|
|
|
|
<div class="grid-row">
|
|
|
|
|
<div class="grid-block empty"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
2019-01-22 08:55:35 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
