<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: 'Arial', 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="#C0C0C0" 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="#ffffff" height="165" style="height:165px; padding: 0.7rem;" width="600">
                                    <table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"
                                        style="background-color:#ffffff">
                                        <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>
                                                                        <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:x-small;margin-top: 1rem; line-height: normal;">
                                                                    Cordialement<br />
                                                                    MySy Training Technology<br />
                                                                    Contact : +337 69 20 39 45<br />
                                                                    Email : contact@mysy-training.com<br />
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </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: #ffffff;
									  ">
                                                        <p
                                                            style="font-size:xx-small; text-align: center;font-family: Verdana, Geneva, Tahoma, sans-serif;">
                                                            Cet email a été envoyé à {{params.client_email}} <br />
                                                            Ce mail vous est adressé par MYSY Training dont le siège
                                                            social est situé au 1 Cr du Havre, 75008 Paris. Conformément
                                                            à la Loi Informatique et Liberté Loi n° 78-17 du 6 janvier
                                                            1978 modifiée et au Règlement Général sur la Protection des
                                                            Données Règlement (UE) 2016/679 du Parlement européen et du
                                                            Conseil du 27 avril 2016 dit RGPD, vous disposez d'un droit
                                                            d'accès, de rectification, d'effacement, de limitation et
                                                            d'opposition au traitement de vos données. Vous pouvez
                                                            exercer vos droits par courrier postal envoyé à : MYSY
                                                            Training 1 Cr du Havre, 75008 Paris ou par mail :
                                                            contact@mysy-training.com.
                                                            <br />
                                                           
                                                        </p>
                                                    </div>

                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</body>

</html>