<!doctype html>
<html>
  <body style="margin:0;padding:0;background:#f7f9fc;">
    <!-- Preheader (masqué) -->
    <div style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">
      CDDU annulé - Notification interne Odentas.
    </div>

    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="background:#f7f9fc;">
      <tr>
        <td align="center" style="padding:24px;">
          <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;background:#ffffff;border-radius:8px;">
            <!-- Logo -->
            <tr>
              <td style="padding:24px;text-align:center;">
                <img src="https://newstaging.odentas.fr/wp-content/uploads/2025/08/Odentas-Logo-Bleu-Fond-Transparent-4-1.png" width="200" alt="Odentas" style="display:block;border:0;outline:none;text-decoration:none;margin:0 auto;height:auto;">
              </td>
            </tr>

            <!-- Titre -->
            <tr>
              <td style="padding:0 24px 8px 24px;text-align:center;">
                <div style="font-family:Arial, Helvetica, sans-serif;font-size:22px;font-weight:bold;color:#dc2626;">
                  CDDU annulé
                </div>
              </td>
            </tr>

            <!-- Intro -->
            <tr>
              <td style="padding:8px 24px 0 24px;">
                <div style="font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.5;color:#333;">
                  <strong>Notification interne Odentas</strong><br><br>
                  Un CDDU vient d'être annulé et supprimé de l'Espace Paie.
                </div>
              </td>
            </tr>

            <!-- Card d'infos contrat simplifiées -->
            <tr>
              <td align="center" style="padding:16px 24px 0 24px;">
                <table role="presentation" cellpadding="0" cellspacing="0" border="0" style="max-width:500px;width:100%;background:#fee2e2;border-radius:12px;border:2px solid #dc2626;">
                  <tr>
                    <td style="padding:20px;text-align:left;">
                      <div style="font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#111;line-height:1.6;">
                        <div style="margin-bottom:8px;"><strong>Client :</strong> {{organizationName}}</div>
                        <div style="margin-bottom:8px;"><strong>Salarié :</strong> {{employeeName}}</div>
                        <div style="margin-bottom:8px;"><strong>Référence CDDU :</strong> {{contractReference}}</div>
                        <div style="margin-bottom:8px;"><strong>Date de début :</strong> {{startDate}}</div>
                        <div style="margin-bottom:8px;"><strong>Objet du spectacle :</strong> {{spectacleTitle}}</div>
                        <div><strong>Statut :</strong> <span style="color:#dc2626;font-weight:bold;">ANNULÉ</span></div>
                      </div>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>

            <!-- Footer -->
            <tr>
              <td style="padding:24px 24px 8px 24px;text-align:center;">
                <div style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#999;line-height:1.4;">
                  Équipe Odentas<br>
                  <a href="https://odentas.fr" style="color:#4a90e2;text-decoration:none;">odentas.fr</a>
                </div>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>