<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>