68 lines
2.3 KiB
HTML
68 lines
2.3 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>{{ $t('sections.introduction.description') }}</p>
|
|
<p>{{ $t('sections.introduction.terms') }}</p>
|
|
|
|
<p>
|
|
{{ $t('sections.payMethod.description') }}:
|
|
<ol>
|
|
<li v-for="option in $t('sections.payMethod.options')">
|
|
{{ option }}
|
|
</li>
|
|
</ol>
|
|
</p>
|
|
|
|
<p>
|
|
{{ $t('sections.legalAction.description') }}:
|
|
<ol type="a">
|
|
<li v-for="option in $t('sections.legalAction.options')">
|
|
{{ option }}
|
|
</li>
|
|
</ol>
|
|
</p>
|
|
|
|
<p v-html="$t('contactPhone')"></p>
|
|
<p v-html="$t('conclusion')"></p>
|
|
|
|
<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>
|
|
|
|
<section>
|
|
<a href="/api/report/letter-debtor?clientId=101&companyId=442" target="_blank">Ver PDF</a>
|
|
</section>
|
|
</section>
|
|
<!-- Footer component -->
|
|
<email-footer
|
|
v-bind:is-preview="isPreview"
|
|
v-bind:locale="locale">
|
|
</email-footer>
|
|
<!-- End footer component -->
|
|
</section>
|
|
</body>
|
|
</html> |