<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>Confirmation de votre commande {{params.order_id}}</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:small; font-weight:bold">
                                                                    Confirmation de votre commande n°
                                                                    {{params.order_id}}</p>
                                                                <p style="text-align:right; font-size: smaller;">
                                                                    {{params.client_name}}<br />
                                                                    {{params.client_address}}<br />
                                                                    {{params.client_zip_ville}}<br />
                                                                    {{params.client_pays}}<br />
                                                                </p>

                                                                <p style="text-align:left; font-size: smaller;">

                                                                    Commande n° {{params.order_id}}<br />
                                                                    Date de commande : {{params.date_order}}<br />
                                                                    {% if params.end_date %}
                                                                <nav
                                                                    style="color:red; text-align:left; font-size: smaller;">
                                                                    {{params.end_date}}</nav>
                                                                {% endif %}

                                                                </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 unitaire</th>
                                                                            <th scope="col">Montant</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        <tr>

                                                                            <td>{{params.packs}} <br /> </td>
                                                                            <td>{{params.qty}}</td>
                                                                            <td>{{params.unit_price}}</td>
                                                                            <td>{{params.montant}}</td>
                                                                        </tr>

                                                                        <tr>
                                                                            <td colspan="4" style="padding-top: 1rem;">
                                                                                {{params.detail_packs}}</td>

                                                                        </tr>
                                                                        <tr>
                                                                            <td> &nbsp;</td>
                                                                            <td>&nbsp;</td>
                                                                            <td>&nbsp;</td>
                                                                            <td>&nbsp;</td>
                                                                        </tr>

                                                                    </tbody>

                                                                </table>

                                                                <p style="margin-right:0px">
                                                                <table style="font-size:smaller; margin-left: auto;">

                                                                    <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_ht}}</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>