<report-body v-bind="$props"> <div class="grid-row"> <div class="grid-block"> <p v-html="$t('description', { socialName: address.nickname, name: client.name, address: address.street, country: client.country, fiscalID: client.fi })" ></p> <p v-html="$t('declaration', { socialName: address.nickname })" ></p> <p v-for="(declaration, $index) in $t('declarations')" v-html="$t('declarations[' + $index + ']', { companyName: company.name, companyCity: company.city, socialName: address.nickname, destinationCountry: client.country })" ></p> <div class="columns"> <div class="size50 signature"> <p class="centered">{{client.name}}</p> <div class="dummy-signature centered"></div> <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> </div> <div class="size50 signature centered"> <p>{{ company.name }}</p> <img v-bind:src="getReportSrc('signature.png')" /> <div>{{company.manager}}</div> <div>{{$t('manager')}}</div> </div> </div> </div> </div> <template v-slot:footer> <report-footer id="pageFooter" v-bind:left-text="$t('client', [client.id])" v-bind="$props"></report-footer> </template> </report-body>