<report-body v-bind="$props"> <div class="grid-row"> <div class="grid-block"> <div class="content"> <h1 class="title centered uppercase">{{$t('title')}}</h1> <p class="centered"> Recibo #{{receipt.id}} de <strong class="uppercase">{{client.socialName}}</strong>, la cantidad de <strong>{{receipt.amountPaid}} €</strong> en concepto de 'entrega a cuenta'. </p> <div class="signature"> <img v-bind:src="getReportSrc('signature.png')" /> <p class="centered"> {{$t('payed', [ 'AlgemesÃ', receipt.payed.getDate(), $t('months')[receipt.payed.getMonth()], receipt.payed.getFullYear()]) }} </p> </div> </div> </div> </div> <template v-slot:footer> <report-footer id="pageFooter" v-bind:left-text="$t('client', [client.id])" v-bind:center-text="client.socialName" v-bind="$props" > </report-footer> </template> </report-body>