<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 : Votre facture N° {{params.invoice_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-left: 5px;padding-right: 5px;" 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">MySy :
                                                                    Votre facture N° {{params.invoice_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;">

                                                                    Facture n° {{params.invoice_id}}<br />

                                                                    Date de commande : {{params.date_order}}<br />
                                                                <p style="width: 100%;">
                                                                <p style="text-align:left; float: left; 
    width: 50%; font-size: smaller">Date de facture: {{params.invoice_date}} </p>
                                                                <p style="text-align:right; float: right;
     width: 50%;font-size: smaller"> Date échéance : {{params.due_date}}</p>
                                                                </p>

                                                                <p style="width: 100%;">
                                                                <p
                                                                    style=" text-align:left; float: left; width: 50%;font-size: smaller">
                                                                    Origine : {{params.orign_order}} </p>
                                                                <p
                                                                    style=" text-align:right; float: right; width: 50%;font-size: smaller">
                                                                    &nbsp;</p>
                                                                </p>


                                                                </p>


                                                                <table style="font-size:smaller; margin-left: auto;">
                                                                    <thead>
                                                                        <tr>

                                                                            <th scope="col" style="text-align: left;max-width: 25%;">Description</th>
                                                                            <th scope="col" style="text-align: left;">Quantité</th>
                                                                            <th scope="col" style="text-align: left;">Prix unitaire</th>
                                                                            <th scope="col" style="text-align: left;">Montant</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        <tr>

                                                                            <td scope="col"style="text-align: left;max-width: 25%;">{{params.packs}} <br />
                                                                            </td>
                                                                            <td scope="col">{{params.qty}}</td>
                                                                            <td scope="col">{{params.unit_price}}</td>
                                                                            <td scope="col">{{params.montant}}</td>
                                                                        </tr>

                                                                        
                                                                        <tr>
                                                                            <td> &nbsp;</td>
                                                                            <td>&nbsp;</td>
                                                                            <td>&nbsp;</td>
                                                                            <td>&nbsp;</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td colspan="4">{{params.detail_packs}}  </td>
                                                                            
                                                                        </tr>
                                                                        <tr>
                                                                            <td colspan="4">&nbsp;</td>
                                                                            
                                                                        </tr>
                                                                       
                                                                        <tr>
                                                                            <td colspan="4">&nbsp;</td>
                                                                            
                                                                        </tr>
                                                                    </tbody>

                                                                </table>
                                                                
                                                                <p style="margin-right:0px">
                                                                <table style="font-size:smaller; margin-left: auto;width: 50%; font-weight: bold;">

                                                                    <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:smaller; font-weight:bold">
                                                                    Règlement :  Virement bancaire</p>

                                                                    <p>&nbsp</p>

                                                              
                                                               
                                                                <p> 
                                                                    Relevé d'identité bancaire
                                                                </p>

                                                                <table style="font-size:smaller; margin-left: auto;width: 100%;">
                                                                    <thead>
                                                                        <tr>

                                                                            <th scope="col" style="text-align: left;">Banque</th>
                                                                            <th scope="col" style="text-align: left;">Code agence</th>
                                                                            <th scope="col" style="text-align: left;">Numéro de compte</th>
                                                                            <th scope="col" style="text-align: left;">Clé RIB</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        <tr>

                                                                            <td scope="col" style="text-align: left;">30004</td>
                                                                            <td scope="col" style="text-align: left;">00120</td>
                                                                            <td scope="col"style="text-align: left;">00002090815</td>
                                                                            <td scope="col" style="text-align: left;">60</td>
                                                                        </tr>

                                                                       

                                                                    </tbody>

                                                                </table>
                                                                
                                                               <p> 
                                                                            Identification internationale
                                                                        </p>


                                                                <table style="font-size:smaller; margin-left: auto; width: 100%;">
                                                                    <thead>
                                                                        <tr>

                                                                            <th scope="col" style="text-align: left;">IBAN</th>
                                                                            <th scope="col" style="text-align: left;">Code BIC</th>
                                                                            
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        <tr>

                                                                            <td scope="col" style="text-align: left;">FR76 3000 4001 2000 0020 9081 560 </td>
                                                                            <td scope="col" style="text-align: left;">BNPAFRPPXXX</td>
                                                                            
                                                                        </tr>

                                                                       

                                                                    </tbody>

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