Sur l’éditeur des blocs code HTML:
Valeur : invoice
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
<body style="font-family:'Segoe UI'">
<!-- HEADER -->
<div id="myhead" style="line-height:69%;">
<table width="100%">
<tbody>
<tr>
<td valign="top">
<p style="line-height:70%;" align="center">
<img src="{logo}" width="100%" />
</p>
</td>
<td width="100%">
<div style="font-size:12px; line-height:55%;">
<br>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<style>
.state {
background-color: #ff6347 !important;
color: white;
padding: 10px;
}
.alarmBackground {
background-color: #ffebee;
color: #d32f2f;
padding: 2px 4px;
border-radius: 3px;
font-weight: bold;
}
.payment-info {
margin-top: 20px;
line-height: 1.4;
}
.signature-block {
margin-top: 60px;
}
/* PARAMETERS CONTAINER */
.params-table {
margin-top: 20px;
width: 100%;
overflow: hidden; /* clearfix for floats */
}
/* PARAMETER BLOCK — float-based for IE/Trident compatibility */
.param-item {
border: 1px solid #ccc;
padding: 8px 10px;
border-radius: 4px;
background: #fafafa;
width: 210px;
float: left;
margin: 4px;
box-sizing: border-box;
font-size: 13px;
line-height: 1.4;
}
/* clearfix after float container */
.params-table:after {
content: "";
display: table;
clear: both;
}
/* CODE + PRICE */
.param-code {
font-weight: bold;
}
.param-price {
font-weight: bold;
float: right;
}
/* clearfix inside each param-item for the floated price */
.param-item:after {
content: "";
display: table;
clear: both;
}
</style>
<br>
<h2 align="center"><u>FACTURE FAC-{Id}</u></h2>
<br>
<!-- PATIENT INFORMATION -->
<table width="100%">
<tr>
<td width="50%">
<img src="{barcode}" />
<table>
<tr>
<td colspan="2">
<strong>{name} / Réf: {Id}</strong>
</td>
</tr>
<tr>
<td>Date de naissance :</td>
<td><strong>{birthdate}</strong> soit <strong>{age}</strong></td>
</tr>
<tr>
<td>Sexe :</td>
<td><strong>{sex}</strong></td>
</tr>
<tr>
<td>Prescripteur :</td>
<td><strong>{tdoctor}</strong></td>
</tr>
</table>
</td>
<td width="50%" align="right">
<table>
<tr>
<td colspan="2">
<img src="{qr}" width="60" />
</td>
</tr>
<tr>
<td>Edition du :</td>
<td><strong>{date}</strong></td>
</tr>
<tr>
<td>Prélèvement du :</td>
<td><strong>{sampling_date}</strong></td>
</tr>
<tr>
<td>Code Unique :</td>
<td><strong>{uqr}</strong></td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<!-- PARAMETERS -->
<div class="params-table">
{invoice_param_rows}
</div>
<br>
<h3 align="center">
<strong>Nombre de B total : {total_parameter_code}</strong>
</h3>
<h3 align="center">
<strong>Total des PRELEVEMENTS : {total_samples}</strong>
</h3>
<br>
<h3 align="left">
<strong>TOTAL : {amount_total} {currency}</strong>
</h3>
<h3 align="left">
<strong>MONTANT REGLE : {amount_paid} {currency}</strong>
</h3>
<h3 align="left">
<strong>RESTE : {amount_remained} {currency}</strong>
</h3>
<br>
<!-- AMOUNT IN LETTERS -->
<div style="margin-top:20px; font-weight:bold;">
<p>Arrêté la présente facture à la somme de :</p>
<p>{total_letters}</p>
</div>
<br>
<hr>
<!-- FOOTER -->
<div class="payment-info">
</div>
<br><br>
<h4 style="text-align:center;">
FACTURE : [_] RÉGLÉE [_] À RÉGLER
</h4>
<br>
<h4>FAIT VALOIR À QUI DE DROIT.</h4>
<div class="signature-block">
<h3 style="text-align:right;">LA DIRECTION</h3>
</div>
</body>
</html>Valeur: invoice_param_rows
<div class="param-item">
<span class="param-code">{code}</span> - {parameter}
<span class="param-price">{price}</span>
</div>
