<!DOCTYPE html>
<html lang="es">
    <body>
        <section class="container" id="report">
            <!-- Header component -->
            <report-header :locale="locale"></report-header>
            <!-- End header component -->
            <section class="main">
                <!-- Report start -->
                <section class="content">
                    <h1 class="title centered uppercase">{{$t('title')}}</h1>
                    <p class="centered">
                        Recibo de <strong class="uppercase">LEON LLORENS LUIS ENRIQUE</strong>, 
                        la cantidad de <strong>259,96 €</strong> en concepto de 'entrega a cuenta', quedando pendiente en la cuenta del cliente
                        un saldo de <strong>0,00 €</strong>.
                    </p>
                    <section class="signature">
                        <img :src="embeded['/assets/images/signature.png']">
                        <p class="centered">{{$t('dated', ['Silla', '20', 'enero', '2019'])}}</p>
                    </section>
                </section>
                <!-- Report end -->
            </section>
            <!-- Footer component -->           
            <report-footer id="pageFooter"
                :left-text="$t('client', [client.id])"
                :center-text="client.name"
                :locale="locale">
            </report-footer>
            <!-- End footer component -->
        </section>
    </body>
</html>