Elyos_FI_Back_Office/Template/invoice_RIB.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">&nbsp;</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;">&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}} &nbsp;</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}} &nbsp;</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}}&nbsp;</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>