Elyos_FI_Back_Office/Template/invoice.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> &nbsp; </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> &nbsp; </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;">&nbsp; </td>
<td style="text-align:left;">&nbsp; </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;">&nbsp; </td>
<td style="text-align:left;">&nbsp; </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;">&nbsp; </td>
<td style="text-align:left;">&nbsp; </td>
<td style="text-align:center;">Montant TTC : </td>
<td style="text-align:center;">{{json_data.total_ttc}}</td>
</tr>
</table>
<br/>
<div> &nbsp; </div>
<div> &nbsp; </div>
<div style="height:15rem;"> &nbsp; </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>