91 lines
3.2 KiB
HTML
91 lines
3.2 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="size75">
|
||
|
|
<h1 style="margin-top:0" class="font extraLarge">{{_.title}}</h1>
|
||
|
|
<div class="row inline font normal">
|
||
|
|
<div class="text font gray">{{_.claim}}:</div>
|
||
|
|
<div class="control">{{claimId}}</div>
|
||
|
|
</div>
|
||
|
|
<div class="row inline font normal">
|
||
|
|
<div class="text font gray">{{_.client}}:</div>
|
||
|
|
<div class="control">{{clientId}}</div>
|
||
|
|
</div>
|
||
|
|
<div class="row inline font normal">
|
||
|
|
<div class="text font gray">{{_.date}}:</div>
|
||
|
|
<div class="control">{{currentDate}}</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="size50">
|
||
|
|
<div class="panel">
|
||
|
|
<div class="header">{{_.clientData}}</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%">{{_.quantity}}</div>
|
||
|
|
<div style="width: 15%">{{_.claims}}</div>
|
||
|
|
<div style="width: 20%">{{_.reference}}</div>
|
||
|
|
<div style="width: 50%">{{_.concept}}</div>
|
||
|
|
</div>
|
||
|
|
{{#lines}}
|
||
|
|
<div class="row inline">
|
||
|
|
<div class="font bold" style="width: 15%">{{quantity}} </div>
|
||
|
|
<div class="font bold" style="width: 15%">{{claimQuantity}} </div>
|
||
|
|
<div class="font bold" style="width: 20%">{{id}} </div>
|
||
|
|
<div class="font bold" style="width: 50%">{{concept}} </div>
|
||
|
|
</div>
|
||
|
|
{{/lines}}
|
||
|
|
</div>
|
||
|
|
<div class="columns" style="margin-top: 50px">
|
||
|
|
<div class="size25"> </div>
|
||
|
|
<div class="size50">
|
||
|
|
<div class="panel" style="height: 150px">
|
||
|
|
<div style="text-align: center">
|
||
|
|
<h3>{{clientName}}</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="size25"> </div>
|
||
|
|
</div>
|
||
|
|
<p style="text-align: center">
|
||
|
|
{{_.agencyContact}}
|
||
|
|
</p>
|
||
|
|
<p style="text-align: center">
|
||
|
|
{{{_.agencyContactData}}}
|
||
|
|
</p>
|
||
|
|
</main>
|
||
|
|
<!-- Body block end -->
|
||
|
|
|
||
|
|
<!-- Footer block -->
|
||
|
|
{{$.footer}}
|
||
|
|
<!-- Footer block end -->
|
||
|
|
</body>
|
||
|
|
</html>
|