|  | @@ -0,0 +1,139 @@
 | 
	
		
			
				|  |  | +<!DOCTYPE html>
 | 
	
		
			
				|  |  | +<html lang="fr">
 | 
	
		
			
				|  |  | +<head>
 | 
	
		
			
				|  |  | +  <meta charset="UTF-8">
 | 
	
		
			
				|  |  | +  <title>Nos prochains événements</title>
 | 
	
		
			
				|  |  | +</head>
 | 
	
		
			
				|  |  | +<body style="margin:0; padding:0; background-color:#f0f4f8;">
 | 
	
		
			
				|  |  | +  <center style="width:100%; background-color:#f0f4f8;">
 | 
	
		
			
				|  |  | +    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">  
 | 
	
		
			
				|  |  | +      <tr>
 | 
	
		
			
				|  |  | +        <td align="center">
 | 
	
		
			
				|  |  | +          <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" style="background-color:#ffffff;">
 | 
	
		
			
				|  |  | +            
 | 
	
		
			
				|  |  | +            <!-- HEADER -->
 | 
	
		
			
				|  |  | +            <tr>
 | 
	
		
			
				|  |  | +              <td style="padding:20px; text-align:center; background-color:#0066cc; color:#ffffff; font-family:Arial, Helvetica, sans-serif;">
 | 
	
		
			
				|  |  | +                <h1 style="margin:0; font-size:24px;">✨ Nos événements du mois</h1>
 | 
	
		
			
				|  |  | +              </td>
 | 
	
		
			
				|  |  | +            </tr>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +            <!-- INTRO -->
 | 
	
		
			
				|  |  | +            <tr>
 | 
	
		
			
				|  |  | +              <td style="padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333333; line-height:1.6;">
 | 
	
		
			
				|  |  | +                <p>
 | 
	
		
			
				|  |  | +                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
 | 
	
		
			
				|  |  | +                  Sed feugiat, sapien ut pulvinar luctus, ex metus tincidunt ante, 
 | 
	
		
			
				|  |  | +                  non egestas mauris velit nec libero. Praesent at luctus nunc.
 | 
	
		
			
				|  |  | +                </p>
 | 
	
		
			
				|  |  | +              </td>
 | 
	
		
			
				|  |  | +            </tr>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +						{% for event in events %}
 | 
	
		
			
				|  |  | +            <!-- ÉVÉNEMENT -->
 | 
	
		
			
				|  |  | +            <tr>
 | 
	
		
			
				|  |  | +              <td style="border-bottom:1px solid #e0e0e0;">
 | 
	
		
			
				|  |  | +                <!-- Image -->
 | 
	
		
			
				|  |  | +                <img src="{{ ('/events/' ~ (event.picture ?: 'placeholder.webp'))|base64img }}" alt="{{ event.name }}" width="600" height="200"
 | 
	
		
			
				|  |  | +                     style="display:block; border:0; margin:0; padding:0;">
 | 
	
		
			
				|  |  | +                <!-- Contenu -->
 | 
	
		
			
				|  |  | +                <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
 | 
	
		
			
				|  |  | +                  <tr>
 | 
	
		
			
				|  |  | +                    <td style="padding:20px;">
 | 
	
		
			
				|  |  | +                      
 | 
	
		
			
				|  |  | +                      <!-- Panneau infos -->
 | 
	
		
			
				|  |  | +                      <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
 | 
	
		
			
				|  |  | +                        <tr>
 | 
	
		
			
				|  |  | +                          <td style="background:#e6f2ff; padding:15px; border-radius:6px;">
 | 
	
		
			
				|  |  | +                            <h2 style="margin:0; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#004080;">
 | 
	
		
			
				|  |  | +                              {{ event.name }}
 | 
	
		
			
				|  |  | +                            </h2>
 | 
	
		
			
				|  |  | +                            <p style="margin:8px 0 4px 0; font-size:14px; color:#004080; font-family:Arial, Helvetica, sans-serif;">
 | 
	
		
			
				|  |  | +                              <strong>Lieu :</strong> A COMPLETER
 | 
	
		
			
				|  |  | +                            </p>
 | 
	
		
			
				|  |  | +                            <p style="margin:4px 0; font-size:14px; color:#004080; font-family:Arial, Helvetica, sans-serif;">
 | 
	
		
			
				|  |  | +                              <strong>Date :</strong> du {{ event.startOn|date('d/m/Y \\à H:i') }} au {{ event.endOn|date('d/m/Y \\à H:i') }}
 | 
	
		
			
				|  |  | +                            </p>
 | 
	
		
			
				|  |  | +                          </td>
 | 
	
		
			
				|  |  | +                        </tr>
 | 
	
		
			
				|  |  | +                      </table>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +                      <!-- Texte -->
 | 
	
		
			
				|  |  | +                      <p style="margin:12px 0 16px 0; font-size:14px; color:#555555; line-height:1.5; font-family:Arial, Helvetica, sans-serif;">
 | 
	
		
			
				|  |  | +                        {{ event.description }}
 | 
	
		
			
				|  |  | +                      </p>
 | 
	
		
			
				|  |  | +                      
 | 
	
		
			
				|  |  | +                    	{% set authors = [] %}
 | 
	
		
			
				|  |  | +                    	{% for party in event.parties %}
 | 
	
		
			
				|  |  | +                          {% if party.gamemasterIsAuthor and party.gamemaster not in authors %}
 | 
	
		
			
				|  |  | +                              {% set authors = authors|merge([party.gamemaster]) %}
 | 
	
		
			
				|  |  | +                        	{% endif %}
 | 
	
		
			
				|  |  | +                    	{% endfor %}
 | 
	
		
			
				|  |  | +											{% if authors|length > 0 %}
 | 
	
		
			
				|  |  | +											{% for gamemaster in authors %}
 | 
	
		
			
				|  |  | +											<p style="margin:12px 0 16px 0; font-size:16px; color:#333333; line-height:1.5; font-family:Arial, Helvetica, sans-serif;"><strong>Les auteur(rice)s présent(e)s</strong></p>
 | 
	
		
			
				|  |  | +                      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" 
 | 
	
		
			
				|  |  | +                             style="background:#f5f5f5; border-radius:6px; margin-bottom:16px;">
 | 
	
		
			
				|  |  | +                     		
 | 
	
		
			
				|  |  | +                        <tr>
 | 
	
		
			
				|  |  | +                          <td style="padding:12px;" width="128">
 | 
	
		
			
				|  |  | +                            <img src="{{ ('/gamemasters/' ~ (gamemaster.picture ?: 'placeholder.webp'))|base64img }}" alt="{{ gamemaster.preferedName }}" width="128" style="display:block; border-radius:6px;">
 | 
	
		
			
				|  |  | +                          </td>
 | 
	
		
			
				|  |  | +                          <td style="padding:12px; vertical-align:top;">
 | 
	
		
			
				|  |  | +                            <p style="margin:0; font-size:16px; color:#004080; font-family:Arial, Helvetica, sans-serif;">
 | 
	
		
			
				|  |  | +                              <strong>{{ gamemaster.preferedName }}</strong>
 | 
	
		
			
				|  |  | +                            </p>
 | 
	
		
			
				|  |  | +                            <p style="margin:6px 0 0 0; font-size:13px; color:#555555; line-height:1.4; font-family:Arial, Helvetica, sans-serif;">
 | 
	
		
			
				|  |  | +                              {{ gamemaster.description }}
 | 
	
		
			
				|  |  | +                            </p>
 | 
	
		
			
				|  |  | +                            <p style="margin:6px 0 0 0; font-size:13px; color:#555555; line-height:1.4; font-family:Arial, Helvetica, sans-serif;">
 | 
	
		
			
				|  |  | +                              Auteur(rice) de : {{ gamemaster.authorOfGames|map(game => game.name)|join(', ') }}
 | 
	
		
			
				|  |  | +                            </p>
 | 
	
		
			
				|  |  | +                          </td>
 | 
	
		
			
				|  |  | +                        </tr>
 | 
	
		
			
				|  |  | +                      </table>
 | 
	
		
			
				|  |  | +											{% endfor %}
 | 
	
		
			
				|  |  | +                      {% endif %}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +                      <p style="margin:12px 0 16px 0; font-size:14px; color:#555555; line-height:1.5; font-family:Arial, Helvetica, sans-serif;">
 | 
	
		
			
				|  |  | +                        Vous pouvez vous inscrire dès à présent à nos animations !
 | 
	
		
			
				|  |  | +                      </p>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +                      <!-- Boutons -->
 | 
	
		
			
				|  |  | +                      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
 | 
	
		
			
				|  |  | +                        <tr>
 | 
	
		
			
				|  |  | +                          <td align="center" style="border-radius:4px; background:#0066cc; padding:10px 18px;">
 | 
	
		
			
				|  |  | +                            <a href="{{ app_url ~ path('app_main_booking', {'id': event.id, 'view': 'pictures'})}}" style="font-size:14px; color:#ffffff; text-decoration:none; display:inline-block; font-family:Arial, Helvetica, sans-serif;">
 | 
	
		
			
				|  |  | +                              Voir le détail et m'inscrire
 | 
	
		
			
				|  |  | +                            </a>
 | 
	
		
			
				|  |  | +                          </td>
 | 
	
		
			
				|  |  | +                          <td style="width:10px;"></td>
 | 
	
		
			
				|  |  | +                          <td align="center" style="border-radius:4px; background:#0099cc; padding:10px 18px;">
 | 
	
		
			
				|  |  | +                 						<a href="{{ app_url|replace({'https://' : 'webcal://'}) ~ path('app_main_ics', {'id': event.id})  }}" style="font-size:14px; color:#ffffff; text-decoration:none; display:inline-block; font-family:Arial, Helvetica, sans-serif;">Ajouter à mon agenda</a>
 | 
	
		
			
				|  |  | +                          </td>
 | 
	
		
			
				|  |  | +                        </tr>
 | 
	
		
			
				|  |  | +                      </table>
 | 
	
		
			
				|  |  | +                      
 | 
	
		
			
				|  |  | +                      {%  endfor %}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +                    </td>
 | 
	
		
			
				|  |  | +                  </tr>
 | 
	
		
			
				|  |  | +                </table>
 | 
	
		
			
				|  |  | +              </td>
 | 
	
		
			
				|  |  | +            </tr>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +            <!-- FOOTER -->
 | 
	
		
			
				|  |  | +            <tr>
 | 
	
		
			
				|  |  | +              <td style="padding:20px; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#888888;">
 | 
	
		
			
				|  |  | +                Réalisé à partir de ORGASSO : une application pour tous vos événements rôlistiques !
 | 
	
		
			
				|  |  | +              </td>
 | 
	
		
			
				|  |  | +            </tr>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +          </table>
 | 
	
		
			
				|  |  | +        </td>
 | 
	
		
			
				|  |  | +      </tr>
 | 
	
		
			
				|  |  | +    </table>
 | 
	
		
			
				|  |  | +  </center>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +</body>
 | 
	
		
			
				|  |  | +</html>
 |