130 lines
4 KiB
HTML
130 lines
4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="author" content="{{ issuer.children.name }}">
|
|
<title>{{ type }} #{{ id }} - {{ issuer.children.name }}</title>
|
|
<link rel="stylesheet" href="./facture.css">
|
|
</head>
|
|
<components>
|
|
<item>
|
|
<tr>
|
|
<td>
|
|
<p>{{ value }}</p>
|
|
{% if description %}
|
|
<ul>
|
|
{% for description in description %}
|
|
<li>{{ description.value }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{{ '{0:.2f}'.format(attributes.quantity).replace('.', ',') }}
|
|
</td>
|
|
<td>
|
|
{{ '{0:.2f}'.format(attributes.price).replace('.', ',') }}
|
|
</td>
|
|
<td>
|
|
{{ '{0:.2f}'.format(attributes.tax).replace('.', ',') }}%
|
|
</td>
|
|
|
|
<td>
|
|
{{ '{0:.2f}'.format(attributes.quantity * attributes.price).replace('.', ',') }}
|
|
</td>
|
|
</tr>
|
|
</item>
|
|
<client>
|
|
<div class="client">
|
|
<h2>{{ name }}</h2>
|
|
<address>
|
|
{% for line in address.values %}
|
|
<span>{{ line}}</span>
|
|
{% endfor %}
|
|
</address>
|
|
</div>
|
|
</client>
|
|
<issuer>
|
|
<div class="issuer">
|
|
<h2>{{ name }}</h2>
|
|
<address>
|
|
{% for line in address.values %}
|
|
<span>{{ line}}</span>
|
|
{% endfor %}
|
|
</address>
|
|
<dl class="info">
|
|
<div>
|
|
<dt>Courriel :</dt>
|
|
<dd><a href="mailto:{{email}}">{{ email }}</a></dd>
|
|
</div>
|
|
<div>
|
|
<dt>Téléphone :</dt>
|
|
<dd><a href="tel:{{ tel | replace(' ', '') }}">{{ tel }}</a></dd>
|
|
</div>
|
|
<div>
|
|
<dt>Siret :</dt>
|
|
<dd>{{ siret }}</dd>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
</issuer>
|
|
</components>
|
|
<body>
|
|
<h1>{{ type }} #{{ id }} du {{ date }}</h1>
|
|
<aside>
|
|
{{ issuer | render }}
|
|
{{ client | render }}
|
|
</aside>
|
|
<main>
|
|
{% set ns = namespace(total=0, tax=0) %}
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Description</th>
|
|
<th>Quantité</th>
|
|
<th>Prix unitaire</th>
|
|
<th>TVA</th>
|
|
<th>Total HT</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
{% for item in items.item %}
|
|
{{ item | render }}
|
|
{% set ns.total = ns.total + ( item.attributes.price * item.attributes.quantity ) %}
|
|
{% set ns.tax = ns.tax + ( item.attributes.price * item.attributes.tax / 100 ) %}
|
|
{% endfor %}
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="total">
|
|
<dl>
|
|
<div>
|
|
<dt>Total HT</dt>
|
|
<dd>{{ '{0:.2f}'.format(ns.total).replace('.', ',') }}</dd>
|
|
</div>
|
|
<div>
|
|
<dt>TVA</dt>
|
|
<dd>{{ '{0:.2f}'.format(ns.tax).replace('.', ',') }}</dd>
|
|
</div>
|
|
<div class="including-tax">
|
|
<dt>Total TTC</dt>
|
|
<dd>{{ '{0:.2f}'.format(ns.total + ns.tax).replace('.', ',') }}</dd>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<ul class="info">
|
|
{% for info in info.values %}
|
|
<li>{{ info }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<p class="legal">{{ legal }}</p>
|
|
<p class="bottom-left">{{ issuer.children.name }}</p>
|
|
<p class="bottom-right">{{ issuer.job }}</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|