301 lines
16 KiB
HTML
301 lines
16 KiB
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head>
|
|
|
|
<!--[if gtemso 9]><xml>
|
|
<o:OfficeDocumentSettings>
|
|
<o:AllowPNG/>
|
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
|
</o:OfficeDocumentSettings>
|
|
</xml><![endif]-->
|
|
|
|
<title>MySy Training : Facture à venir</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<style>
|
|
html,
|
|
body {
|
|
font-family: 'Helvetica', 'sans-serif';
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body bgcolor="#fff" style="margin:0px; padding:0px; -webkit-text-size-adjust:none;">
|
|
<!--[if gtemso 9]><xml>
|
|
<o:OfficeDocumentSettings>
|
|
<o:AllowPNG/>
|
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
|
</o:OfficeDocumentSettings>
|
|
</xml><![endif]-->
|
|
<title></title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<!--[if gtemso 9]><xml>
|
|
<o:OfficeDocumentSettings>
|
|
<o:AllowPNG/>
|
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
|
</o:OfficeDocumentSettings>
|
|
</xml><![endif]-->
|
|
<title></title>
|
|
<style type="text/css" media="all">
|
|
body {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
padding: 0.25em 0.75em;
|
|
}
|
|
|
|
thead th {
|
|
border-bottom: 1px solid #333;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
width: 20%;
|
|
}
|
|
|
|
tfoot th,
|
|
tfoot td {
|
|
border-top: 2px solid #666;
|
|
color: #363;
|
|
}
|
|
</style>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<table bgcolor="#fff" border="0" cellpadding="0" cellspacing="0" height="100%" style="margin:0 auto;" width="100%">
|
|
<tbody>
|
|
<tr>
|
|
<td align="center" bgcolor="#ffffff" height="100%" width="600">
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td bgcolor="#104277" height="69" style="height:69px;" width="600">
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td align="center" height="69" style="height:69px;" valign="middle"
|
|
width="600"><img alt="Mysy Training Logo"
|
|
src="https://img.mysy-training.com/MYSY-LOGO-WHITE.png"
|
|
alt="Mysy Training Logo" width="18%" style="display: block;" />
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td bgcolor="#F9F9FF" style="height:30px;" width="600">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td bgcolor="#F9F9FF" height="165" style="height:165px; padding: 0.7rem;" width="600">
|
|
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#F9F9FF"
|
|
style="background-color:#F9F9FF">
|
|
<tbody>
|
|
<tr>
|
|
<td align="center" height="165" style="height:165px;" valign="middle"
|
|
width="600">
|
|
|
|
<div style="display: block;">
|
|
<div style="margin-left: auto; margin-right: auto">
|
|
<div style="text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif;
|
|
font-size: small; line-height: 1.4rem;color: #3b3e40;">
|
|
<p
|
|
style="font-size:14px;font-weight:600; margin-top: 1rem;color:#232558;">
|
|
MySy Training : Facture à venir le {{ params.period_end }}</p>
|
|
<p
|
|
style="text-align:justify; font-size:13px; text-align: left;">
|
|
Bonjour {{ params.user_name }}</p>
|
|
|
|
<p style="text-align:justify">
|
|
<p
|
|
style="text-align:justify; font-size:13px; line-height: 1.8rem;">
|
|
Ceci est un aperçu de la facture qui sera émise le
|
|
{{ params.period_end }}. Elle est susceptible d'être
|
|
modifiée si l'abonnement est mis à jour.</p>
|
|
|
|
<p style="text-align:right; font-size: smaller;">
|
|
|
|
<br />
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<table style="font-size:smaller; margin-left: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th scope="col">Description</th>
|
|
<th scope="col">Quantité</th>
|
|
<th scope="col">Prix unit. €</th>
|
|
<th scope="col">Montant €</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
{% set accumulator = namespace(date=0,
|
|
display_date=1) %}
|
|
|
|
{% if params.lines %}
|
|
{% for line in params.lines %}
|
|
|
|
{% if accumulator.date != line.period_end_month %}
|
|
{% set accumulator.display_date = 1 %}
|
|
{% set accumulator.date = line.period_end_month %}
|
|
|
|
|
|
{% else %}
|
|
{% set accumulator.display_date = 0 %}
|
|
|
|
|
|
|
|
{% endif %}
|
|
|
|
{% if accumulator.display_date == 1 %}
|
|
<tr>
|
|
<td colspan="4" style="padding-top: 1rem;">
|
|
Du {{line.period_start}} au
|
|
{{line.period_end}}
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td colspan="4" style="padding-top: 1rem;">
|
|
<hr />
|
|
</td>
|
|
|
|
</tr>
|
|
{% endif %}
|
|
|
|
|
|
<tr>
|
|
|
|
<td style="text-align: left; padding-left: 10px;">{{line.description}} </td>
|
|
<td style="text-align: center;">{{line.quantity}}</td>
|
|
<td style="text-align: center;">{{line.unit_amount}}</td>
|
|
<td style="text-align: center;">{{line.amount}}</td>
|
|
</tr>
|
|
{% if accumulator.display_date == 0 %}
|
|
<tr>
|
|
<td colspan="4" style="padding-top: 1rem;">
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
{% endif %}
|
|
|
|
<tr>
|
|
<td> </td>
|
|
<td> </td>
|
|
<td> </td>
|
|
<td> </td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
<p style="margin-right:0px">
|
|
<table style="font-size:12px; margin-left: auto; font-weight:600;">
|
|
|
|
<tbody>
|
|
|
|
{% if params.discount_code is defined and
|
|
params.discount_code|length > 2 %}
|
|
<tr>
|
|
<td>Remise </td>
|
|
<td>{{params.discount_display_text}}</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Montant Remise </td>
|
|
<td>( {{params.discount_montant_remise}} )
|
|
</td>
|
|
</tr>
|
|
{% endif %}
|
|
<tr>
|
|
<td>Total HT</td>
|
|
<td>{{params.total}} €</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>TVA</td>
|
|
<td>{{params.tva}} € </td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
<tfoot>
|
|
<td>Total</td>
|
|
<td>{{params.total_ttc}} € </td>
|
|
</tfoot>
|
|
|
|
</table>
|
|
</p>
|
|
|
|
<p> </p>
|
|
|
|
<p
|
|
style="font-size: 13px;margin-top: 1rem; line-height: normal; margin-bottom: 1rem; text-align: left;line-height: 1.6rem;">
|
|
Cordialement<br /> <br />
|
|
<b>MySy Training Technology</b><br />
|
|
Téléphone : +331 77 00 38 57<br />
|
|
Email : contact@mysy-training.com<br />
|
|
Site : https://www.mysy-training.com/
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td bgcolor="#F9F9FF" style="height:30px;" width="600">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td bgcolor="#104277" width="600">
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td align="center" valign="middle" width="600">
|
|
|
|
<div style="
|
|
padding: 10px 20px;
|
|
|
|
margin-bottom: 1rem;
|
|
color: #F9F9FF;
|
|
"><br />
|
|
|
|
<br />
|
|
</div>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
|
|
</html> |