118 lines
4.9 KiB
HTML
118 lines
4.9 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:12px 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>
|
|
<br/>
|
|
|
|
|
|
<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> </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: 1px solid black;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}}</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: 1px solid black;">
|
|
<td style="text-align:center;border: 1px solid black;">{{json_data.packs1}}</td>
|
|
<td style="text-align:center;border: 1px solid black;">{{json_data.qty1}}</td>
|
|
<td style="text-align:center;border: 1px solid black;">{{json_data.unit_price1}}</td>
|
|
<td style="text-align:center;border: 1px solid black;">{{json_data.montant1}}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div> </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/>
|
|
<div> </div>
|
|
<div> </div>
|
|
<div style="height:15rem;"> </div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<hr />
|
|
<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> |