<!doctype html>
              <html>
                <head>
                  <meta charset="UTF-8" />
                  <title>Waiting List Notification</title>
                </head>
                <body
                  style="
                    font-family: Arial, sans-serif;
                    line-height: 1.6;
                    color: #333;
                    max-width: 600px;
                    margin: 0 auto;
                    padding: 20px;
                  "
                >
                  <div style="text-align: left; margin-bottom: 20px">
                    <img src="{{EMAIL_LOGO}}" alt="{{IMAGE_ALT}}" style="width: 200px; max-width: 600px; border-radius: 8px 8px 0 0;" />
                  </div>
            
                  <h1 style="color: #4a4a4a; text-align: center">Waiting List Notification</h1>
            
                  <p>
                    {{#if IS_DAILY}}
                    Here is your daily summary of waiting list entries for your events.
                    {{else}}
                    A new user has joined the waiting list for your event.
                    {{/if}}
                  </p>
            
                  <div
                    style="
                      background-color: #f9f9f9;
                      border: 1px solid #ddd;
                      padding: 15px;
                      margin: 20px 0;
                      border-radius: 5px;
                    "
                  >
                    {{#if IS_DAILY}}
                    <h3>Waiting List Summary ({{DATE}})</h3>
                    {{else}}
                    <h3>New Waiting List Entry</h3>
                    {{/if}}
                    
                    <table style="width: 100%; border-collapse: collapse">
                      <thead>
                        <tr style="background-color: #f2f2f2">
                          <th style="padding: 10px; text-align: left; border-bottom: 2px solid #ddd;">
                            Event
                          </th>
                          <th style="padding: 10px; text-align: left; border-bottom: 2px solid #ddd;">
                            Name
                          </th>
                          <th style="padding: 10px; text-align: left; border-bottom: 2px solid #ddd;">
                            Email
                          </th>
                          <th style="padding: 10px; text-align: left; border-bottom: 2px solid #ddd;">
                            Date Added
                          </th>
                        </tr>
                      </thead>
                      <tbody>
                        {{WAITING_LIST_ROWS}}
                      </tbody>
                    </table>
                  </div>
            
                  <p style="margin-top: 30px">
                    You can manage your waiting lists in your organizer dashboard.
                  </p>
            
                  <p style="color: #555555; font-size: 15px; margin-top: 20px;">Best regards,<br />{{SIGNATURE}}</p>
            
                  <div
                    style="
                      margin-top: 30px;
                      padding-top: 20px;
                      border-top: 1px solid #eee;
                      font-size: 0.8em;
                      color: #777;
                      text-align: center;
                    "
                  >
                    {{FOOTER}}
                  </div>
                </body>
              </html>