<!doctype html>
                <html>
                  <head>
                    <meta charset="UTF-8" />
                    <title>Daily Sales Summary</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; height: auto; border-radius: 8px 8px 0 0;"
                      />
                    </div>
              
                    <h1 style="color: #4a4a4a; text-align: center">Daily Sales Summary</h1>
              
                    <p>Hello {{ORGANIZATION_NAME}},</p>
              
                    <p>Here is your sales summary for <strong>{{DATE}}</strong>:</p>
              
                    <div
                      style="
                        background-color: #f9f9f9;
                        border: 1px solid #ddd;
                        padding: 15px;
                        margin: 20px 0;
                        border-radius: 5px;
                      "
                    >
                      <table style="width: 100%">
                        <tr>
                          <td style="padding: 8px"><strong>Total Orders:</strong></td>
                          <td style="padding: 8px; text-align: right">{{TOTAL_ORDERS}}</td>
                        </tr>
                        <tr>
                          <td style="padding: 8px"><strong>Total Revenue:</strong></td>
                          <td style="padding: 8px; text-align: right">{{TOTAL_REVENUE}}</td>
                        </tr>
                        <tr>
                          <td style="padding: 8px"><strong>Total Tickets Sold:</strong></td>
                          <td style="padding: 8px; text-align: right">
                            {{TOTAL_TICKETS_SOLD}}
                          </td>
                        </tr>
                      </table>
                    </div>
              
                    <h2>Event Breakdown</h2>
              
                    {{EVENT_SUMMARY}}
              
                    <p style="margin-top: 30px">
                      You can view more detailed reports 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>
                