84 lines
4.4 KiB
HTML
84 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html v-bind:lang="$i18n.locale">
|
|
<body>
|
|
<table class="grid">
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<!-- Header block -->
|
|
<report-header v-bind="$props"></report-header>
|
|
<!-- Block -->
|
|
<div class="grid-row">
|
|
<div class="grid-block">
|
|
<p v-html="$t('description', {
|
|
socialName: client.socialName,
|
|
name: client.name,
|
|
address: client.street,
|
|
country: client.country,
|
|
fiscalID: client.fi
|
|
})"></p>
|
|
<p v-html="$t('declaration', {
|
|
socialName: client.socialName
|
|
})"></p>
|
|
<p
|
|
v-for="(declaration, $index) in $t('declarations')"
|
|
v-html="$t('declarations[' + $index + ']', {
|
|
companyName: company.name,
|
|
companyCity: company.city,
|
|
socialName: client.socialName,
|
|
destinationCountry: client.country
|
|
})">
|
|
</p>
|
|
|
|
<div class="columns">
|
|
<div class="size50 signature">
|
|
<p class="centered">{{client.name}}</p>
|
|
<div class="dummy-signature centered"></div>
|
|
<p>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td>{{$t('signer.representative')}}:</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('signer.representativeRole')}}:</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('signer.signed')}}:</td>
|
|
<td></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</p>
|
|
</div>
|
|
<div class="size50 signature centered">
|
|
<p>{{ company.name }}</p>
|
|
<img v-bind:src="getReportSrc('signature.png')">
|
|
<p>
|
|
<div>{{company.manager}}</div>
|
|
<div>{{$t('manager')}}</div>
|
|
<p>{{$t('issued', [
|
|
company.city,
|
|
issued.getDate(),
|
|
$t('months')[issued.getMonth()],
|
|
issued.getFullYear()])
|
|
}}
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer block -->
|
|
<report-footer id="pageFooter"
|
|
v-bind:left-text="$t('client', [client.id])"
|
|
v-bind="$props">
|
|
</report-footer>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html> |