76 lines
3.6 KiB
HTML
76 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html v-bind:lang="$i18n.locale">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<title>{{ $t('subject') }}</title>
|
|
</head>
|
|
<body>
|
|
<table class="grid">
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<!-- Empty block -->
|
|
<div class="grid-row">
|
|
<div class="grid-block empty"></div>
|
|
</div>
|
|
<!-- Header block -->
|
|
<div class="grid-row">
|
|
<div class="grid-block">
|
|
<email-header v-bind="$props"></email-header>
|
|
</div>
|
|
</div>
|
|
<!-- Block -->
|
|
<div class="grid-row">
|
|
<div class="grid-block vn-pa-lg">
|
|
<h1>{{ $t('title') }}</h1>
|
|
<p>{{$t('dear')}},</p>
|
|
<p v-html="$t('description', [dated])"></p>
|
|
</div>
|
|
</div>
|
|
<!-- Block -->
|
|
<div class="grid-row">
|
|
<div class="grid-block vn-pa-lg">
|
|
<table class="column-oriented">
|
|
<thead>
|
|
<tr>
|
|
<th>{{$t('buyer')}}</th>
|
|
<th class="number">{{$t('percentage')}}</th>
|
|
<th class="number">{{$t('dwindle')}}</th>
|
|
<th class="number">{{$t('total')}}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="waste in wastes" v-bind:key="waste.buyer">
|
|
<td class="font gray">{{waste.buyer}}</td>
|
|
<td class="number">{{(waste.percentage / 100) | percentage(2, 2, $i18n.locale)}}</td>
|
|
<td class="number">{{waste.dwindle | currency('EUR', $i18n.locale)}}</td>
|
|
<td class="number">{{waste.total | currency('EUR', $i18n.locale)}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p v-html="$t('wasteDetailLink')"></p>
|
|
<div class="external-link vn-pa-sm vn-m-md">
|
|
<a href="https://salix.verdnatura.es/#!/item/waste" target="_blank">
|
|
https://salix.verdnatura.es/#!/item/waste
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer block -->
|
|
<div class="grid-row">
|
|
<div class="grid-block">
|
|
<email-footer v-bind="$props"></email-footer>
|
|
</div>
|
|
</div>
|
|
<!-- Empty block -->
|
|
<div class="grid-row">
|
|
<div class="grid-block empty"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html> |