53 lines
2.6 KiB
HTML
53 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html v-bind:lang="locale">
|
|
<body>
|
|
<table class="grid">
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<!-- Header block -->
|
|
<div class="grid-row">
|
|
<div class="grid-block">
|
|
<report-header v-bind="$props"></report-header>
|
|
</div>
|
|
</div>
|
|
<!-- Block -->
|
|
<div class="grid-row">
|
|
<div class="grid-block">
|
|
<div class="content">
|
|
<h1 class="title centered uppercase">{{$t('title')}}</h1>
|
|
<p class="centered">
|
|
Recibo de <strong class="uppercase">{{client.socialName}}</strong>,
|
|
la cantidad de <strong>{{receipt.amountPaid}} €</strong> en concepto de 'entrega a cuenta',
|
|
quedando pendiente en la cuenta del cliente
|
|
un saldo de <strong>{{receipt.amountUnpaid}} €</strong>.
|
|
</p>
|
|
<div class="signature">
|
|
<img v-bind:src="getReportSrc('signature.png')">
|
|
<p class="centered">{{$t('payed', [
|
|
'Silla',
|
|
receipt.payed.getDate(),
|
|
$t('months')[receipt.payed.getMonth()],
|
|
receipt.payed.getFullYear()])
|
|
}}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer block -->
|
|
<div class="grid-row">
|
|
<div class="grid-block">
|
|
<report-footer id="pageFooter"
|
|
v-bind:left-text="$t('client', [client.id])"
|
|
v-bind:center-text="client.socialName"
|
|
v-bind="$props">
|
|
</report-footer>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html> |