<!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;"> Liste d'emargement </nav>
						<hr />
						
						
						<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;">
							
Formation :  {{json_data.title}} <br />
Date :  {{json_data.date}}


						</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; 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;text-align:left;">Nom</th>
								<th style="text-align:center;border: 1px solid black;text-align:left;">Prénom</th>
								<th style="text-align:center;border: 1px solid black;width: 10%;">Matin</th>
								<th style="text-align:center;border: 1px solid black;width: 10%;">Apres Midi</th>
								<th style="text-align:center;border: 1px solid black; width: 10%;">Signature</th>
							  </tr>
							
							  {% if users %}
							  {% for user in users %}
							  <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;">{{user.date}}</td>
								<td style="text-align:center;border: 1px solid black;text-align:left;">{{user.nom}}</td>
								<td style="text-align:center;border: 1px solid black;text-align:left;">{{user.prenom}}</td>
								
								
								{% if user.matin  %}
								<td style="text-align:center;border: 1px solid black;width: 10%;"> X </td>
								{% else %}
								<td style="text-align:center;border: 1px solid black;width: 10%;"> &nbsp; </td>
								{% endif %}

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

								<td style="text-align:center;border: 1px solid black;width: 10%;">&nbsp;</td>
							  </tr>
							  {% endfor %}
							  {% endif %}
							</table>
							</div>
	
	</div>
				
						
	 <br/> 
 	 
<div  style="height:15rem;"> &nbsp; </div>	 
          
		 
		 
    </div>

            </div>
			<hr />

        </body>
    </html>