<!DOCTYPE html>
<html>

<body style="padding:20px 20px;padding-top:0px">
	<div style="padding:0px;text-align:right;width:100%">
		<img src="http://88.170.110.220/img/MYSY-LOGO-BLUE.png" alt="Mysy Training Logo" width="80px" /> </h2>
	</div>
	

	{% if json_data.default_logo_partner %}
	<div style="padding:0px;text-align:center;width:100%">
		<img src={{ json_data.default_logo_partner }}  alt="Logo Compagnie" width="100px" /> </h2>
	</div>
	{% endif %}
	<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;"> Formation </nav>
				<hr />


				<div
					style="padding:12px 0px;text-align:left;font-family:Georgia, 'Times New Roman', Times, serif;color:#454349;font-size:0.9rem">

					Institut de formation : {{json_data.partner}} <br />
					Formation : {{json_data.class_title}} <br />
					Date session : {{json_data.date_du}} au {{json_data.date_du}} <br />
					Adresse : {{json_data.adresse}} <br />
					Formateur : {{json_data.formateur}} <br /> 
					A distance : {{json_data.distantiel}}  / En presence : {{json_data.presentiel}} 

				</div>




			</div>
			<br />
			<div>
				<nav style="text-align:center;font-weight: bold;"> Stagiaire </nav>
				<hr />
				<div
					style="padding:12px 0px;text-align:left;font-family:Georgia, 'Times New Roman', Times, serif;color:#454349;font-size:0.9rem">

					Nom & Prénom : {{json_data.nom}} &nbsp; {{json_data.prenom}}<br />
					Téléphone : {{json_data.telephone}} <br />
					Email : {{json_data.email}} <br />
					Adresse : {{json_data.adresse}}, {{json_data.code_postal}} &nbsp; {{json_data.ville}} <br />
					Date inscription : {{json_data.inscription_validation_date}} <br />
					Employeur : {{json_data.employeur}} <br />
					Mode de financement : {{json_data.modefinancement}} <br />



				</div>

			</div>
			<br />
			<div>
				<nav style="text-align:center;font-weight: bold;"> Presence </nav>
				<hr />
				<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; text-align:left;">
						<tr
							style="border: 1px solid black;padding: 0px; padding-top:5px; text-align: left;padding-left: 1px;">
							<th style="text-align:center;border: 1px solid black;text-align:left;">Date</th>
							<th style="text-align:center;border: 1px solid black;width: 20%;">Matin</th>
							<th style="text-align:center;border: 1px solid black;width: 20%;">Apres Midi</th>

						</tr>

						{% if presences %}
						{% for presence in presences %}
						<tr
							style="border: 1px solid black; padding-top: 3px; padding-bottom: 1px;text-align:left;padding-left: 1px;">
							<td style="text-align:center;border: 1px solid black;text-align:left;">{{presence.date}}
							</td>



							{% if presence.matin %}
							<td style="text-align:center;border: 1px solid black;width: 20%;"> X </td>
							{% else %}
							<td style="text-align:center;border: 1px solid black;width: 20%;"> &nbsp; </td>
							{% endif %}

							{% if presence.apresmidi %}
							<td style="text-align:center;border: 1px solid black;width: 20%;"> X </td>
							{% else %}
							<td style="text-align:center;border: 1px solid black;width: 20%;"> &nbsp; </td>
							{% endif %}


						</tr>
						{% endfor %}
						{% endif %}
					</table>
				</div>
			</div>

			<br />
			<br />
			<div>
				<nav style="text-align:center;font-weight: bold;"> Evaluation </nav>
				<hr />
				<div
					style="padding:12px 0px;text-align:left;font-family:Georgia, 'Times New Roman', Times, serif;color:#454349;font-size:0.9rem">

					Date évaluation : {{json_data.date_eval}} <br />
					Note : {{json_data.note_eval}} <br />
					Evaluation : {{json_data.evaluation}} <br />




				</div>
			</div>

			<br />

			



		</div>

	</div>
	<hr />
	<div style="text-align: right;"> Date impression : {{json_data.date_impression}} </div>
</body>

</html>