<!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 + ']', {
                                        socialName: client.socialName,
                                        destinationCountry: ticket.country,
                                        destinationWarehouse: ticket.warehouse
                                    })">
                                </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>{{$t('signature')}}</p>
                                        <img v-bind:src="getReportSrc('signature.png')">
                                        <p>
                                            <div>Juan Vicente Ferrer Roig</div>
                                            <div>Director</div>
                                            <p>{{$t('issued', [
                                                'Algemesí', 
                                                    issued.getDate(), 
                                                    $t('months')[issued.getMonth()], 
                                                    issued.getFullYear()])
                                                }}
                                            </p>
                                        </p>
                                    </div>
                                </div>
   <!--                              <div class="signature">
                                    <p>{{$t('issued', [
                                        'Algemesí', 
                                            invoice.issued.getDate(), 
                                            $t('months')[invoice.issued.getMonth()], 
                                            invoice.issued.getFullYear()])
                                        }}
                                    </p>
                                    <p><em>({{$t('signature')}})</em></p>
                                    <img v-bind:src="getReportSrc('signature.png')">
                                    <p>
                                        <div>{{$t('signer.name')}}: JUAN VICENTE FERRER ROIG</div>
                                        <div>{{$t('signer.ID')}}: 73943586N</div>
                                        <div>{{$t('signer.position')}}: ADMINISTRADOR</div>
                                    </p>
                                </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>