191 lines
6.0 KiB
HTML
191 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<body style="padding:20px 20px;padding-top:0px">
|
|
<div style="padding:0px;text-align:left;width:30%">
|
|
<img src="http://88.170.110.220/img/MYSY-LOGO-BLUE.png" alt="Mysy Training Logo" width="100px" /> </h2>
|
|
</div>
|
|
<div
|
|
style="padding:0px;text-align:left;font-family:Georgia, 'Times New Roman', Times, serif;color:#454349;font-size:1.5rem;padding: 0px">
|
|
<div style="width:100%">
|
|
<div style="text-align:center;">
|
|
<nav style="text-align:center;font-weight: bold;"> Facture </nav>
|
|
<hr/>
|
|
<div
|
|
style="padding:12px 0px;text-align:right;font-family:Georgia, 'Times New Roman', Times, serif;color:#454349;font-size:0.9rem;">
|
|
{{json_data.client_name}}<br />
|
|
{{json_data.client_address}}<br />
|
|
{{json_data.client_zip_ville}}<br />
|
|
{{json_data.client_pays}}<br />
|
|
|
|
</div>
|
|
|
|
|
|
<div
|
|
style="padding:5px 0px;text-align:center;font-family:Georgia, 'Times New Roman', Times, serif;color:#454349;font-size:0.9rem;font-weight: bold;">
|
|
|
|
Facture n° {{json_data.invoice_id}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<table style="width:100%;padding: 5px;">
|
|
|
|
<tr style="padding: 0px; padding-top:5px;font-size:0.9rem;">
|
|
<td style="text-align:left;">Date de facture: {{json_data.invoice_date}} </td>
|
|
<td style="text-align:right;">Date échéance : {{json_data.due_date}}</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<div
|
|
style="padding:12px 0px;text-align:left;font-family:Georgia, 'Times New Roman', Times, serif;color:#454349;font-size:0.9rem;width:100%;float:right;text-align:left;">
|
|
Origine : {{json_data.orign_order}}
|
|
</div>
|
|
|
|
<div
|
|
style="padding:12px 0px;text-align:left;font-family:Georgia, 'Times New Roman', Times, serif;color:#454349;font-size:0.9rem;width:100%;float:right;text-align:left;">
|
|
<table style="width:100%;border: none;padding: 0px;">
|
|
<tr style="border: 1px solid black;padding: 0px; padding-top:5px;">
|
|
<th style="text-align:center;border: 1px solid black;">Description</th>
|
|
<th style="text-align:center;border: 1px solid black;">Quantité</th>
|
|
<th style="text-align:center;border: 1px solid black;">Prix unitaire</th>
|
|
<th style="text-align:center;border: 1px solid black;">Montant</th>
|
|
</tr>
|
|
<tr style="border: 1px solid black;padding: 0px;padding: 0px; padding-top:5px;">
|
|
<td style="text-align:center;border: 1px solid black;"> {{json_data.packs}} <br>
|
|
<nav style="text-align:left;font-size:0.6rem; font-style:italic;"> {{json_data.detail_packs}} </nav>
|
|
</td>
|
|
<td style="text-align:center;border: 1px solid black;">{{json_data.qty}}</td>
|
|
<td style="text-align:center;border: 1px solid black;">{{json_data.unit_price}}</td>
|
|
<td style="text-align:center;border: 1px solid black;">{{json_data.montant}}</td>
|
|
</tr>
|
|
<tr style="border: none;padding: 0px; padding-top:5px;">
|
|
<th style="text-align:center;border: none;" colspan="4"> </th>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<table style="width:100%;padding: 5px;float:right;padding:0px;">
|
|
<tr style="padding: 0px; padding-top:5px;font-size:0.9rem;">
|
|
<td style="text-align:left;"> </td>
|
|
<td style="text-align:left;"> </td>
|
|
<td style="text-align:center;">Montant HT: </td>
|
|
<td style="text-align:center;">{{json_data.total_ht}} €</td>
|
|
</tr>
|
|
|
|
<tr style="padding:0px; padding-top:5px;font-size:0.9rem;">
|
|
<td style="text-align:left;"> </td>
|
|
<td style="text-align:left;"> </td>
|
|
<td style="text-align:center;">TVA 20% : </td>
|
|
<td style="text-align:center;">{{json_data.tva}} €</td>
|
|
</tr>
|
|
|
|
<tr style="padding:0px; padding-top:5px;font-size:0.9rem;">
|
|
<td style="text-align:left;"> </td>
|
|
<td style="text-align:left;"> </td>
|
|
<td style="text-align:center;">Montant TTC : </td>
|
|
<td style="text-align:center;">{{json_data.total_ttc}} €</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<br/>
|
|
<br/>
|
|
<hr />
|
|
|
|
<p
|
|
style="font-weight:bold; font-size:1rem;text-align: center;width: 80%;margin-left: auto;margin-right: auto;">
|
|
Règlement : Virement bancaire</p>
|
|
|
|
|
|
|
|
|
|
<p style="font-size:0.7rem; margin-left: auto;width: 100%;">
|
|
> Relevé d'identité bancaire
|
|
</p>
|
|
|
|
<table style="font-size:0.7rem; margin-left: auto;width: 100%;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th scope="col" style="text-align: left;">Banque</th>
|
|
<th scope="col" style="text-align: left;">Indicatif</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;">17418</td>
|
|
<td scope="col" style="text-align: left;">00001</td>
|
|
<td scope="col" style="text-align: left;">00011010233</td>
|
|
<td scope="col" style="text-align: left;">69</td>
|
|
</tr>
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
<p style="font-size:0.7rem; margin-left: auto;width: 100%;">
|
|
> Identification internationale
|
|
</p>
|
|
|
|
|
|
<table style="font-size:0.7rem; 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 1741 8000 0100 0110 1023 369 </td>
|
|
<td scope="col" style="text-align: left;">SNNNFR22XXX</td>
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr />
|
|
<br/>
|
|
<br />
|
|
<footer>
|
|
<div
|
|
style="padding:20px 0px;text-align:center;font-family:Georgia, 'Times New Roman', Times, serif;color:#454349;font-size:0.8rem;font-style: italic;">
|
|
|
|
<p>MySy Training<br />
|
|
|
|
Cour du Havre 1, 75008, Paris<br />
|
|
|
|
MySy Training Technology (MTT), société par actions simplifiée au capital de 1000 euros, dont le siège
|
|
social est
|
|
situé 2, place des magnolias, 77680, Roissy en Brie, immatriculée au Registre du Commerce et des
|
|
Sociétés sous le numéro 917 500 860 R.C.S. Melun
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |