162 lines
6.6 KiB
HTML
162 lines
6.6 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">ALBARÁN</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">ALBARÁN:</div>
|
||
|
|
<div class="control">{{ticketId}}</div>
|
||
|
|
</div>
|
||
|
|
<div class="row inline font normal">
|
||
|
|
<div class="text font gray">FECHA:</div>
|
||
|
|
<div class="control">{{shipped}}</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="size50">
|
||
|
|
<div class="panel">
|
||
|
|
<div class="header">Dirección de entrega</div>
|
||
|
|
<p>
|
||
|
|
<strong>{{clientName}}</strong>
|
||
|
|
</p>
|
||
|
|
<div>
|
||
|
|
{{street}}
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
{{postcode}}, {{city}} ({{province}})
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
{{country}}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel">
|
||
|
|
<div class="header">Datos fiscales</div>
|
||
|
|
<div>
|
||
|
|
{{socialName}}
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
{{street}}
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
{{fi}}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="grid" style="margin-top:20px">
|
||
|
|
<div class="row header inline">
|
||
|
|
<div style="width: 10%">Ref</div>
|
||
|
|
<div style="width: 10%">Cant.</div>
|
||
|
|
<div style="width: 45%">Concepto</div>
|
||
|
|
<div style="width: 10%">PVP/u</div>
|
||
|
|
<div style="width: 10%">Dto</div>
|
||
|
|
<div style="width: 5%">IVA</div>
|
||
|
|
<div style="width: 10%">Importe</div>
|
||
|
|
</div>
|
||
|
|
{{#buys}}
|
||
|
|
<div class="row inline">
|
||
|
|
<div class="font bold" style="width: 10%">{{itemFk}}</div>
|
||
|
|
<div class="font bold" style="width: 10%">{{quantity}}</div>
|
||
|
|
<div class="font bold" style="width: 45%">
|
||
|
|
<div>{{concept}}</div>
|
||
|
|
<div>
|
||
|
|
<font class="font small gray">
|
||
|
|
<span><strong>{{tag1}}</strong> {{val1}} - </span>
|
||
|
|
<span><strong>{{tag2}}</strong> {{val2}} - </span>
|
||
|
|
<span><strong>{{tag3}}</strong> {{val3}}</span>
|
||
|
|
</font>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="font bold" style="width: 10%">{{price}}</div>
|
||
|
|
<div class="font bold" style="width: 10%">{{discount}}</div>
|
||
|
|
<div class="font bold" style="width: 5%">{{taxType}}</div>
|
||
|
|
<div class="font bold" style="width: 10%">{{netPrice}}</div>
|
||
|
|
</div>
|
||
|
|
{{/buys}}
|
||
|
|
<div class="row last inline">
|
||
|
|
<div style="width: 90%"><strong>Subtotal {{1+1}}</strong></div>
|
||
|
|
<div style="width: 10%"><strong>{{subTotal}}</strong></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="columns">
|
||
|
|
<div class="size50" style="padding-right:10px">
|
||
|
|
{{#hasPackages}}
|
||
|
|
<h3 class="font normal gray">Cajas y cubos</h3>
|
||
|
|
<div class="grid" style="margin:30px 5px 0 0">
|
||
|
|
<div class="row header inline font small">
|
||
|
|
<div style="width: 25%">Id</div>
|
||
|
|
<div style="width: 50%">Concepto</div>
|
||
|
|
<div style="width: 25%">Cantidad</div>
|
||
|
|
</div>
|
||
|
|
{{#packaging}}
|
||
|
|
<div class="row inline font small">
|
||
|
|
<div style="width: 25%">{{itemFk}}</div>
|
||
|
|
<div style="width: 50%">{{name}}</div>
|
||
|
|
<div style="width: 25%">{{quantity}}</div>
|
||
|
|
</div>
|
||
|
|
{{/packaging}}
|
||
|
|
</div>
|
||
|
|
{{/hasPackages}}
|
||
|
|
{{^hasPackages}} {{/hasPackages}}
|
||
|
|
|
||
|
|
<div class="panel" style="text-align:center">
|
||
|
|
<div class="header">Firma digital</div>
|
||
|
|
<img width="200" src="http://windows.verdnatura.es/signatures/tickets/{{docId}}.png"/>
|
||
|
|
<section>{{docDate}}</section>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="size50">
|
||
|
|
<h3 class="font normal gray">Desglose impositivo</h3>
|
||
|
|
<div class="grid" style="margin:30px 0 0 5px">
|
||
|
|
<div class="row header inline font small">
|
||
|
|
<div style="width: 35%">Tipo</div>
|
||
|
|
<div style="width: 25%">Base imp.</div>
|
||
|
|
<div style="width: 15%">Tasa</div>
|
||
|
|
<div style="width: 25%">Cuota</div>
|
||
|
|
</div>
|
||
|
|
{{#ticketTax}}
|
||
|
|
<div class="row inline font small">
|
||
|
|
<div style="width: 35%">{{name}}</div>
|
||
|
|
<div style="width: 25%">{{Base}}</div>
|
||
|
|
<div style="width: 15%">{{vatPercent}}</div>
|
||
|
|
<div style="width: 25%">{{tax}}</div>
|
||
|
|
</div>
|
||
|
|
{{/ticketTax}}
|
||
|
|
<div class="row inline font small gray">
|
||
|
|
<div style="width: 35%">Subtotal</div>
|
||
|
|
<div style="width: 40%">{{totalBase}}</div>
|
||
|
|
<div style="width: 25%">{{totalTax}}</div>
|
||
|
|
</div>
|
||
|
|
<div class="row last inline">
|
||
|
|
<div style="width: 75%"><strong>Total</strong></div>
|
||
|
|
<div style="width: 25%"><strong>{{total}}</strong></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
<!-- Body block end -->
|
||
|
|
|
||
|
|
<!-- Footer block -->
|
||
|
|
{{$.footer}}
|
||
|
|
<!-- Footer block end -->
|
||
|
|
</body>
|
||
|
|
</html>
|