<!DOCTYPE html>
<html>

<body style="padding:20px 20px;padding-top:0px">
	<div style="padding:0px;text-align:left;width:30%">
		<img src="https://img.mysy-training.com/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>