<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>