detail.template.html.twig 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>{{ event.name }}</title>
  6. </head>
  7. <body style="margin:0; padding:0; background-color:#f0f4f8; font-family:Arial, Helvetica, sans-serif;">
  8. <center style="width:100%; background-color:#f0f4f8;">
  9. <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
  10. <tr>
  11. <td align="center" style="font-family:Arial, Helvetica, sans-serif;">
  12. <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="background:#ffffff; font-family:Arial, Helvetica, sans-serif;">
  13. <!-- HEADER -->
  14. <tr>
  15. <td style="padding:20px; text-align:center; background:#0066cc; color:#ffffff; font-family:Arial, Helvetica, sans-serif;">
  16. <h1 style="margin:0; font-size:24px; font-family:Arial, Helvetica, sans-serif;">
  17. ✨ {{ event.name }} ✨
  18. </h1>
  19. </td>
  20. </tr>
  21. <!-- EVENT IMAGE -->
  22. <tr>
  23. <td style="font-family:Arial, Helvetica, sans-serif;">
  24. <img src="{{ ('/events/' ~ (event.picture ?: 'placeholder.webp'))|base64img }}"
  25. width="600" height="200"
  26. style="display:block; border:0;">
  27. </td>
  28. </tr>
  29. <!-- EVENT CONTENT -->
  30. <tr>
  31. <td style="padding:20px; border-bottom:1px solid #e0e0e0; font-family:Arial, Helvetica, sans-serif;">
  32. <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
  33. <tr>
  34. <td style="background:#e6f2ff; padding:15px; font-family:Arial, Helvetica, sans-serif;">
  35. <p style="margin:0 0 6px 0; font-size:14px; color:#004080; font-family:Arial, Helvetica, sans-serif;">
  36. <strong>Lieu :</strong> A COMPLETER
  37. </p>
  38. <p style="margin:0; font-size:14px; color:#004080; font-family:Arial, Helvetica, sans-serif;">
  39. <strong>Date :</strong>
  40. du {{ event.startOn|date('d/m/Y \\à H:i', 'Europe/Paris') }}
  41. au {{ event.endOn|date('d/m/Y \\à H:i', 'Europe/Paris') }}
  42. </p>
  43. </td>
  44. </tr>
  45. </table>
  46. <p style="margin:16px 0; font-size:14px; color:#555; line-height:1.5; font-family:Arial, Helvetica, sans-serif;">
  47. {{ event.description }}
  48. </p>
  49. {% set authors = [] %}
  50. {% for party in event.parties %}
  51. {% if party.gamemasterIsAuthor and party.gamemaster not in authors %}
  52. {% set authors = authors|merge([party.gamemaster]) %}
  53. {% endif %}
  54. {% endfor %}
  55. {% if authors|length > 0 %}
  56. <p style="margin:16px 0; font-size:16px; color:#333; font-family:Arial, Helvetica, sans-serif;">
  57. <strong>Les auteur(rice)s présent(e)s</strong>
  58. </p>
  59. {% for gamemaster in authors %}
  60. <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f5f5f5; margin-bottom:16px; font-family:Arial, Helvetica, sans-serif;">
  61. <tr>
  62. <td width="128" valign="top" style="padding:12px; font-family:Arial, Helvetica, sans-serif;">
  63. <img src="{{ ('/gamemasters/' ~ (gamemaster.picture ?: 'placeholder.webp'))|base64img }}"
  64. width="128"
  65. style="display:block; border-radius:6px;">
  66. </td>
  67. <td valign="top" style="padding:12px; font-family:Arial, Helvetica, sans-serif;">
  68. <p style="margin:0; font-size:16px; color:#004080; font-family:Arial, Helvetica, sans-serif;">
  69. <strong>{{ gamemaster.preferedName }}</strong>
  70. </p>
  71. <p style="margin:6px 0 0 0; font-size:13px; color:#555; font-family:Arial, Helvetica, sans-serif;">
  72. {{ gamemaster.description }}
  73. </p>
  74. <p style="margin:6px 0 0 0; font-size:13px; color:#555; font-family:Arial, Helvetica, sans-serif;">
  75. Auteur(rice) de : {{ gamemaster.authorOfGames|map(game => game.name)|join(', ') }}
  76. </p>
  77. </td>
  78. </tr>
  79. </table>
  80. {% endfor %}
  81. {% endif %}
  82. </td>
  83. </tr>
  84. <!-- GAMES LOOP -->
  85. {% for party in event.parties %}
  86. <tr>
  87. <td style="font-family:Arial, Helvetica, sans-serif;">
  88. <img src="{{ ('/games/' ~ (party.game.picture ?: 'placeholder.webp'))|base64img }}"
  89. width="600" height="200"
  90. style="display:block; border:0;">
  91. </td>
  92. </tr>
  93. <tr>
  94. <td style="padding:20px; border-bottom:1px solid #e0e0e0; font-family:Arial, Helvetica, sans-serif;">
  95. <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
  96. <tr>
  97. <td style="background:#e6f2ff; padding:15px; font-family:Arial, Helvetica, sans-serif;">
  98. <h2 style="margin:0 0 6px 0; font-size:18px; color:#004080; font-family:Arial, Helvetica, sans-serif;">
  99. {{ party.game.name }}
  100. </h2>
  101. <p style="margin:0; font-size:14px; color:#004080; font-family:Arial, Helvetica, sans-serif;">
  102. <strong>Date :</strong>
  103. du {{ party.startOn|date('d/m/Y \\à H:i', 'Europe/Paris') }}
  104. au {{ party.endOn|date('d/m/Y \\à H:i', 'Europe/Paris') }}
  105. </p>
  106. </td>
  107. </tr>
  108. </table>
  109. <h3 style="margin:16px 0 6px 0; font-size:14px; color:#004080; font-family:Arial, Helvetica, sans-serif;">
  110. Le jeu
  111. </h3>
  112. <p style="margin:0 0 16px 0; font-size:14px; color:#555; line-height:1.5; font-family:Arial, Helvetica, sans-serif;">
  113. {{ party.game.description }}
  114. </p>
  115. {% if party.description %}
  116. <h3 style="margin:0 0 6px 0; font-size:14px; color:#004080; font-family:Arial, Helvetica, sans-serif;">
  117. La partie proposée
  118. </h3>
  119. <p style="margin:0; font-size:14px; color:#555; line-height:1.5; font-family:Arial, Helvetica, sans-serif;">
  120. {{ party.description }}
  121. </p>
  122. {% endif %}
  123. </td>
  124. </tr>
  125. {% endfor %}
  126. <!-- END GAMES LOOP -->
  127. <tr>
  128. <td style="padding:20px; text-align:center; font-family:Arial, Helvetica, sans-serif;">
  129. <p style="margin:0 0 16px 0; font-size:14px; color:#555; font-family:Arial, Helvetica, sans-serif;">
  130. Vous pouvez vous inscrire dès à présent à nos animations !
  131. </p>
  132. <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
  133. <tr>
  134. <td style="background:#0066cc; padding:10px 18px; font-family:Arial, Helvetica, sans-serif;">
  135. <a href="{{ app_url ~ path('app_main_booking', {'id': event.id, 'view': 'pictures'})}}"
  136. style="color:#ffffff; text-decoration:none; font-size:14px; display:inline-block; font-family:Arial, Helvetica, sans-serif;">
  137. Voir le détail et m'inscrire
  138. </a>
  139. </td>
  140. <td width="10"></td>
  141. <td style="background:#0099cc; padding:10px 18px; font-family:Arial, Helvetica, sans-serif;">
  142. <a href="{{ app_url|replace({'https://' : 'webcal://'}) ~ path('app_main_ics', {'id': event.id}) }}"
  143. style="color:#ffffff; text-decoration:none; font-size:14px; display:inline-block; font-family:Arial, Helvetica, sans-serif;">
  144. Ajouter à mon agenda
  145. </a>
  146. </td>
  147. </tr>
  148. </table>
  149. </td>
  150. </tr>
  151. <!-- FOOTER -->
  152. <tr>
  153. <td style="padding:20px; text-align:center; font-size:12px; color:#888; font-family:Arial, Helvetica, sans-serif;">
  154. Réalisé à partir de ORGASSO : une application pour tous vos événements rôlistiques !
  155. </td>
  156. </tr>
  157. </table>
  158. </td>
  159. </tr>
  160. </table>
  161. </center>
  162. </body>
  163. </html>