odentas
6170365fc0
- Programme de parrainage (referrals): * Page /parrainage pour clients et staff * API /api/referrals (GET, POST) * Table referrals avec tracking complet * Email template avec design orange/gradient * Réductions: 30€ HT parrain, 20€ HT filleul - Bannières promotionnelles (promo_banners): * Page staff /staff/offres-promo pour gérer les bannières * API /api/promo-banners (CRUD complet) * Composant PromoBanner affiché en haut de l'espace * Compte à rebours optionnel * Customisation couleurs (gradient, texte, CTA) - Déduplication des webhooks DocuSeal: * Table webhook_events pour tracker les webhooks traités * Helper checkAndMarkWebhookProcessed() * Intégré dans docuseal-amendment et docuseal-amendment-completed * Prévient les doublons d'emails - Avenants signés: * API GET /api/contrats/[id]/avenants * Affichage des avenants signés dans DocumentsCard * Génération d'URLs presignées S3 - Brouillons d'emails groupés: * Table bulk_email_drafts pour sauvegarder les brouillons * Template HTML bulk-email-template.html - Améliorations ContractsGrid: * Ajout filtre par production (dépendant de la structure) * Tri par production - Templates emails: * referral-template.html (parrainage) * bulk-email-template.html (emails groupés staff)
145 lines
7.6 KiB
HTML
145 lines
7.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Communication Odentas</title>
|
|
<meta name="color-scheme" content="light dark">
|
|
<meta name="supported-color-schemes" content="light dark">
|
|
<style>
|
|
/* CSS minimal pour les emails */
|
|
body { margin:0; padding:0; background:#F4F6FA; color:#0F172A; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
|
|
a { color:#0B5FFF; text-decoration:none; }
|
|
.wrapper { width:100%; padding:32px 0; background:#F4F6FA; }
|
|
.container { width:100%; max-width:520px; margin:0 auto; background:#FFFFFF; border-radius:14px; box-shadow: 0 6px 20px rgba(15,23,42,0.06); overflow:hidden; }
|
|
.logo { height:60px; display:block; }
|
|
.label { font-size:12px; color:#64748B; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:6px; font-weight:500; }
|
|
.value { font-size:15px; color:#0F172A; font-weight:500; line-height:1.3; }
|
|
.muted { color:#94A3B8; }
|
|
.card { margin:16px 28px 0 28px; border:1px solid #E5E7EB; border-radius:12px; padding:20px; background:#F9FAFB; }
|
|
.highlight { margin:16px 28px 0 28px; border:1px solid #fde68a; border-radius:12px; padding:16px; background:#fffbeb; }
|
|
@media (prefers-color-scheme: dark) {
|
|
body, .wrapper { background:#0B1220; color:#E5E7EB; }
|
|
}
|
|
@media (max-width: 480px) {
|
|
.wrapper { padding:16px 0; }
|
|
.card, .highlight { margin:16px 16px 0 16px; padding:16px; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Preheader (texte caché visible dans l'aperçu de la boîte de réception) -->
|
|
<div style="display:none;max-height:0;overflow:hidden;opacity:0;">Communication importante de l'équipe Odentas</div>
|
|
|
|
<div class="wrapper" style="width:100%; padding:32px 0; background:#F4F6FA;">
|
|
<div class="container" style="width:100%; max-width:520px; margin:0 auto; background:#FFFFFF; border-radius:14px; box-shadow: 0 6px 20px rgba(15,23,42,0.06); overflow:hidden;">
|
|
|
|
<!-- Header avec logo -->
|
|
<div class="header" style="padding:28px 28px 10px 28px; text-align:left; background:#FFFFFF;">
|
|
<img class="logo" src="https://newstaging.odentas.fr/wp-content/uploads/2025/08/Odentas-Logo-Bleu-Fond-Transparent-4-1.png" alt="Odentas" style="height:60px; display:block;">
|
|
|
|
<!-- Titre principal -->
|
|
<div style="margin:18px 0 16px 0;">
|
|
<h1 class="title" style="font-size:22px; line-height:1.3; margin:0; font-weight:700; color:#0F172A;">
|
|
<!-- ✏️ PERSONNALISEZ ICI : Titre principal de l'email -->
|
|
Communication importante
|
|
</h1>
|
|
</div>
|
|
|
|
<!-- Salutation et message d'introduction -->
|
|
<div style="margin:20px 0;">
|
|
<p style="font-size:15px; color:#334155; margin:0 0 8px; font-weight:500;">
|
|
<!-- ✏️ PERSONNALISEZ ICI : Salutation (ex: Bonjour {{firstName}}) -->
|
|
Bonjour,
|
|
</p>
|
|
<p class="subtitle" style="font-size:15px; color:#334155; margin:0; line-height:1.4;">
|
|
<!-- ✏️ PERSONNALISEZ ICI : Message d'introduction -->
|
|
Nous vous contactons aujourd'hui pour vous informer d'une information importante concernant votre espace paie.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SECTION 1 : Carte d'information (optionnelle) -->
|
|
<!-- Décommentez cette section pour afficher une carte avec des informations clés -->
|
|
<!--
|
|
<div class="card" style="margin:0 28px 0 28px; border:1px solid #E5E7EB; border-radius:12px; padding:16px; background:#F8FAFC;">
|
|
<div style="margin-bottom:8px;">
|
|
<div class="label" style="font-size:11px; color:#64748B; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:4px; font-weight:500;">Votre organisation</div>
|
|
<div class="value" style="font-size:13px; color:#0F172A; font-weight:500; line-height:1.3;">{{organizationName}}</div>
|
|
</div>
|
|
<div style="margin-bottom:0;">
|
|
<div class="label" style="font-size:11px; color:#64748B; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:4px; font-weight:500;">Code employeur</div>
|
|
<div class="value" style="font-size:13px; color:#0F172A; font-weight:500; line-height:1.3;">{{employerCode}}</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
<!-- SECTION 2 : Contenu principal -->
|
|
<div class="card" style="margin:16px 28px 0 28px; border:1px solid #E5E7EB; border-radius:12px; padding:20px; background:#F9FAFB;">
|
|
<h2 style="font-size:16px; margin:0 0 12px; color:#374151; font-weight:600;">
|
|
<!-- ✏️ PERSONNALISEZ ICI : Titre de la section principale -->
|
|
Détails de la communication
|
|
</h2>
|
|
|
|
<div style="font-size:15px; color:#334155; line-height:1.6;">
|
|
<!-- ✏️ PERSONNALISEZ ICI : Contenu principal de l'email -->
|
|
<p style="margin:0 0 12px 0;">
|
|
Voici les informations importantes que nous souhaitons partager avec vous :
|
|
</p>
|
|
|
|
<ul style="margin:0 0 12px 0; padding-left:20px;">
|
|
<li style="margin-bottom:8px;">Point important numéro 1</li>
|
|
<li style="margin-bottom:8px;">Point important numéro 2</li>
|
|
<li style="margin-bottom:0;">Point important numéro 3</li>
|
|
</ul>
|
|
|
|
<p style="margin:12px 0 0 0;">
|
|
N'hésitez pas à nous contacter si vous avez des questions concernant cette communication.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SECTION 3 : Zone d'alerte / Important (optionnelle) -->
|
|
<!-- Décommentez cette section pour afficher un encadré important jaune -->
|
|
<!--
|
|
<div class="highlight" style="margin:16px 28px 0 28px; border:1px solid #fde68a; border-radius:12px; padding:16px; background:#fffbeb;">
|
|
<div style="font-size:15px; font-weight:600; margin-bottom:8px; color:#854d0e;">
|
|
Information importante
|
|
</div>
|
|
<div style="font-size:14px; color:#a16207;">
|
|
Ajoutez ici un message important qui nécessite l'attention particulière des destinataires.
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
<!-- SECTION 4 : Bouton d'action (optionnel) -->
|
|
<!-- Décommentez cette section pour ajouter un bouton CTA -->
|
|
<!--
|
|
<div class="cta-wrap" style="padding:24px 28px 6px 28px; text-align:center; background:#FFFFFF;">
|
|
<a class="btn" href="https://paie.odentas.fr" style="background:#efc543; color:#000000; display:inline-block; padding:16px 32px; border-radius:10px; font-weight:700; font-size:16px; text-decoration:none; border:none; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
|
|
Accéder à mon espace
|
|
</a>
|
|
</div>
|
|
-->
|
|
|
|
<!-- Message de clôture -->
|
|
<p class="note" style="font-size:13px; color:#475569; padding:0 28px 26px 28px; line-height:1.5;">
|
|
<!-- ✏️ PERSONNALISEZ ICI : Message de clôture -->
|
|
Pour toute question, n'hésitez pas à nous contacter à <a href="mailto:paie@odentas.fr" style="color:#0B5FFF; text-decoration:underline;">paie@odentas.fr</a>.<br><br>
|
|
Cordialement,<br>
|
|
<strong>L'équipe Odentas</strong>
|
|
</p>
|
|
|
|
<!-- Footer -->
|
|
<div class="footer" style="font-size:12px; color:#64748B; text-align:center; padding:18px 28px 28px 28px; line-height:1.4;">
|
|
<p>
|
|
Vous recevez cet e-mail en tant qu'utilisateur de l'Espace Paie Odentas.<br>
|
|
<span class="muted" style="color:#94A3B8;">© 2021-2025 Odentas Media SAS | RCS Paris 907880348 | 6 rue d'Armaillé, 75017 Paris</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Texte alternatif (invisible) -->
|
|
<div style="display:none; font-size:0; line-height:0;">Communication Odentas - Espace Paie</div>
|
|
</body>
|
|
</html>
|