Ela_Back/Template/MySy_Next_Invoice_Info_tpl....

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;">
&nbsp;<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> &nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</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> &nbsp;</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 /> &nbsp;
<br /> &nbsp;
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>