78 lines
2.8 KiB
HTML
78 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<title>{{_.subject}}</title>
|
|
<meta charset="utf8"/>
|
|
</head>
|
|
<body>
|
|
<!-- Header block -->
|
|
{{$.header}}
|
|
<!-- Header block end -->
|
|
|
|
<!-- Body block -->
|
|
<main>
|
|
<div class="columns">
|
|
<div class="size50">
|
|
<div class="size50">
|
|
<h1 style="margin-top:0" class="font extraLarge">EXTRACTO</h1>
|
|
<div class="row inline font normal">
|
|
<div class="text font gray">CLIENTE:</div>
|
|
<div class="control">{{clientId}}</div>
|
|
</div>
|
|
<div class="row inline font normal">
|
|
<div class="text font gray">FECHA:</div>
|
|
<div class="control">{{currentDate}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="size50">
|
|
<div class="panel">
|
|
<div class="header">Datos de cliente</div>
|
|
<p>
|
|
<strong>{{clientName}}</strong>
|
|
</p>
|
|
<div>
|
|
{{street}}
|
|
</div>
|
|
<div>
|
|
{{postcode}}, {{city}} ({{province}})
|
|
</div>
|
|
<div>
|
|
{{country}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid" style="margin-top:20px">
|
|
<div class="row header inline">
|
|
<div style="width: 15%">Fecha</div>
|
|
<div style="width: 40%">Concepto</div>
|
|
<div style="width: 15%">Facturado</div>
|
|
<div style="width: 15%">Pagado</div>
|
|
<div style="width: 15%">Saldo</div>
|
|
</div>
|
|
{{#lines}}
|
|
<div class="row inline">
|
|
<div class="font bold" style="width: 15%">{{issued}} </div>
|
|
<div class="font bold" style="width: 40%">{{ref}} </div>
|
|
<div class="font bold" style="width: 15%">{{debtOut}} </div>
|
|
<div class="font bold" style="width: 15%">{{debtIn}} </div>
|
|
<div class="font bold" style="width: 15%">{{balance}} </div>
|
|
</div>
|
|
{{/lines}}
|
|
<div class="row last inline">
|
|
<div style="width: 55%"><strong>Total</strong></div>
|
|
<div style="width: 15%">{{totalDebtOut}}</div>
|
|
<div style="width: 15%">{{totalDebtIn}}</div>
|
|
<div style="width: 15%">{{totalBalance}}</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<!-- Body block end -->
|
|
|
|
<!-- Footer block -->
|
|
{{$.footer}}
|
|
<!-- Footer block end -->
|
|
</body>
|
|
</html> |