<report-body v-bind="$props">
    <div class="grid-row">
        <div class="grid-block">
            <div class="columns">
                <div class="size50">
                    <p style="text-align: right">{{$t('Place')}} {{formatDate(new Date(), '%d-%m-%Y')}}</p>
                    <h3 style="text-align: center; margin-top: 8%">{{$t('Compensation') | uppercase}}</h3>
                    <p style="margin-top: 8%">{{$t('In one hand')}}:</p>
                    <p style="text-align: justify">
                        {{company.name}} {{$t('CIF')}} {{company.nif}} {{$t('Home')}} {{company.street}},
                        {{company.city}}.
                    </p>
                    <p style="margin-top: 5%">{{$t('In other hand')}}:</p>
                    <p style="text-align: justify">
                        {{$t('Sr')}} {{client.name}} {{$t('NIF')}} {{client.fi}} {{$t('Home')}} {{client.street}},
                        {{client.city}}.
                    </p>
                    <h4 style="text-align: center; margin-top: 10%">{{$t('Agree') | uppercase}}</h4>
                    <p style="margin-top: 8%; text-align: justify">
                        {{$t('Date')}} {{formatDate(receipt.payed, '%d-%m-%Y')}} {{$t('Compensate')}} {{receipt.amountPaid}} €
                        {{$t('From client')}} {{client.name}} {{$t('Against the balance of')}}: {{receipt.description}}.
                    </p>
                    <p style="margin-top: 8%">
                        {{$t('Reception')}} <span style="color: blue">administracion@verdnatura.es</span>
                    </p>
                    <div style="margin-top: 8%"><small>{{$t('Greetings')}}</small></div>
                </div>
            </div>
        </div>
    </div>
</report-body>