espace-paie-odentas/templates-mails/cdduAnnule.html

140 lines
No EOL
6.5 KiB
HTML

<!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;">
Contrat CDDU annulé sur votre Espace Paie 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:#333;">
Contrat 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;">
Bonjour {{firstName}},<br><br>
Le contrat CDDU suivant a été annulé et supprimé de votre Espace Paie Odentas.<br><br>
Ce contrat ne sera pas facturé.
</div>
</td>
</tr>
<!-- Card d'infos contrat -->
<tr>
<td align="center" style="padding:16px 24px 0 24px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="max-width:420px;width:100%;background:#fee2e2;border-radius:12px;">
<tr>
<td style="padding:16px 16px;text-align:left;">
<div style="font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#111;opacity:.9;">
<div style="margin-bottom:6px;"><strong>Salarié :</strong> {{employeeName}}</div>
<div style="margin-bottom:6px;"><strong>Profession :</strong> {{contractNumber}}</div>
<div style="margin-bottom:6px;"><strong>Date de début :</strong> {{contractPeriod}}</div>
<div style="margin-bottom:6px;"><strong>Objet du spectacle :</strong> {{spectacleTitle}}</div>
<div style="margin-bottom:6px;"><strong>Lieu :</strong> {{contractLocation}}</div>
<div><strong>Statut :</strong> <span style="color:#dc2626;font-weight:bold;">Annulé</span></div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- Message footer -->
<tr>
<td style="padding:16px 24px 0 24px;">
<div style="font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.5;color:#333;">
Si vous avez des questions concernant cette annulation, n'hésitez pas à nous contacter.
</div>
</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;">
Cordialement,<br>
L'équipe Odentas<br><br>
<a href="https://odentas.fr" style="color:#4a90e2;text-decoration:none;">odentas.fr</a> |
<a href="mailto:contact@odentas.fr" style="color:#4a90e2;text-decoration:none;">contact@odentas.fr</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<div class="alert">
<div class="alert-title">Demande de CDDU annulée</div>
<div class="alert-text">
Votre demande de CDDU a été annulée avec succès. Le contrat a été supprimé de votre Espace Paie et ne sera pas facturé.
</div>
</div>
<div class="info-section">
<div class="info-title">Détails du CDDU annulé</div>
<div class="info-grid">
<div class="info-item">
<div class="info-label">Salarié</div>
<div class="info-value">{{employeeName}}</div>
</div>
<div class="info-item">
<div class="info-label">Référence</div>
<div class="info-value">{{contractReference}}</div>
</div>
<div class="info-item">
<div class="info-label">Date de début</div>
<div class="info-value">{{startDate}}</div>
</div>
<div class="info-item">
<div class="info-label">Date de fin</div>
<div class="info-value">{{endDate}}</div>
</div>
<div class="info-item">
<div class="info-label">Production</div>
<div class="info-value">{{productionName}}</div>
</div>
<div class="info-item">
<div class="info-label">Profession</div>
<div class="info-value">{{profession}}</div>
</div>
</div>
</div>
<p style="color: #64748b; font-size: 15px; margin: 24px 0;">
Si vous avez des questions concernant cette annulation, n'hésitez pas à nous contacter.
</p>
</div>
<div class="footer">
<div style="color: #64748b; font-size: 14px;">
<strong>Odentas</strong><br>
Votre partenaire pour la gestion de paie du spectacle
</div>
<div class="signature">
Email envoyé automatiquement - {{createdAt}}
</div>
</div>
</div>
</body>
</html>