f51f28fc0b
Apres signature du contrat, le webhook envoie un email avec lien
vers /process/contrat/{id}/setup-payment
Page setup-payment :
- Resume montant mensuel HT
- Choix CB (Stripe Checkout avec setup_future_usage) ou SEPA
- Formulaire IBAN Stripe Elements avec mandat SEPA
- Confirmation SEPA via endpoint POST /confirm
- Page succes apres paiement
Routes :
- /process/contrat/{id}/setup-payment : page choix CB/SEPA
- /process/contrat/{id}/setup-payment/confirm : confirmation SEPA
- /process/contrat/{id}/payment-success : page succes
Email contrat_setup_payment : lien vers la page de configuration,
detail montant, mention 1er paiement CB/SEPA obligatoire
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
55 lines
3.7 KiB
Twig
55 lines
3.7 KiB
Twig
{% extends 'email/base.html.twig' %}
|
|
|
|
{% block content %}
|
|
<table width="600" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
|
|
<tr>
|
|
<td style="padding: 32px;">
|
|
<h1 style="font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 700; color: #111827; margin: 0 0 16px;">Chez {{ contrat.raisonSociale }},</h1>
|
|
|
|
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 0 0 16px;">
|
|
Votre contrat <strong>{{ contrat.reference }}</strong> a ete signe avec succes. Pour activer vos services, veuillez configurer votre mode de paiement et effectuer le premier reglement.
|
|
</p>
|
|
|
|
<table width="100%" cellpadding="0" cellspacing="0" style="margin: 20px 0; border: 1px solid #e5e7eb;">
|
|
<tr>
|
|
<td style="padding: 10px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #9ca3af; background: #f9fafb; width: 35%;">Reference</td>
|
|
<td style="padding: 10px 16px; font-family: monospace; font-size: 13px; font-weight: 700;">{{ contrat.reference }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 10px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #9ca3af; background: #f9fafb;">Total HT / mois</td>
|
|
<td style="padding: 10px 16px; font-family: monospace; font-size: 16px; font-weight: 700; color: #fabf04;">{{ contrat.totalHt|number_format(2, ',', ' ') }} €</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 0 0 16px;">
|
|
Vous avez le choix entre :
|
|
</p>
|
|
|
|
<ul style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #374151; line-height: 22px; margin: 0 0 16px; padding-left: 20px;">
|
|
<li style="margin-bottom: 8px;"><strong>Payer par carte bancaire</strong> : reglez votre premier mois immediatement.</li>
|
|
<li style="margin-bottom: 8px;"><strong>Configurer le prelevement SEPA</strong> : renseignez votre IBAN une seule fois, les prelevements seront automatiques chaque mois.</li>
|
|
</ul>
|
|
|
|
{% if paymentUrl is defined and paymentUrl %}
|
|
<table cellpadding="0" cellspacing="0" style="margin: 24px auto;">
|
|
<tr>
|
|
<td style="background-color: #fabf04; padding: 14px 32px;">
|
|
<a href="{{ paymentUrl }}" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #111827; text-decoration: none;">Configurer mon paiement</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
{% endif %}
|
|
|
|
<div style="background: #fef2f2; border-left: 4px solid #dc2626; padding: 12px 16px; margin: 20px 0;">
|
|
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 700; color: #991b1b; margin: 0 0 4px;">Important</p>
|
|
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #374151; margin: 0;">Le premier paiement doit etre effectue par carte bancaire ou prelevement SEPA. Les virements ne sont pas acceptes pour le premier paiement.</p>
|
|
</div>
|
|
|
|
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9ca3af; margin: 16px 0 0;">
|
|
Pour toute question : <a href="mailto:client@e-cosplay.fr" style="color: #fabf04;">client@e-cosplay.fr</a>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
{% endblock %}
|