{% 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;">
                Dans le cadre de la cessation d'activite de la SARL SITECONSEIL, l'Association E-Cosplay assure desormais la gestion de vos services. Un nouveau contrat doit etre signe pour officialiser cette transition.
            </p>

            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 0 0 16px;">
                Nous vous invitons a prendre connaissance de toutes les informations relatives a cette migration en consultant la page dediee :
            </p>

            <table cellpadding="0" cellspacing="0" style="margin: 20px auto;">
                <tr>
                    <td style="background-color: #111827; padding: 14px 32px;">
                        <a href="{{ url('app_move_from_siteconseil') }}" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #fabf04; text-decoration: none;">En savoir plus sur la migration</a>
                    </td>
                </tr>
            </table>

            <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;">Type</td>
                    <td style="padding: 10px 16px; font-size: 13px; font-weight: 700;">{{ contrat.typeLabel }}</td>
                </tr>
            </table>

            {% if signUrl %}
                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 16px 0;">
                    Une fois informe, veuillez signer le contrat en cliquant ci-dessous :
                </p>
                <table cellpadding="0" cellspacing="0" style="margin: 20px auto;">
                    <tr>
                        <td style="background-color: #fabf04; padding: 14px 32px;">
                            <a href="{{ signUrl }}" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #111827; text-decoration: none;">Signer le contrat</a>
                        </td>
                    </tr>
                </table>
            {% endif %}

            <div style="background: #fff7ed; border-left: 4px solid #ea580c; padding: 12px 16px; margin: 20px 0;">
                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 700; color: #9a3412; margin: 0 0 4px;">Important</p>
                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #374151; margin: 0;">L'Association E-Cosplay ne prendra pas en compte votre anciennete avec la SARL SITECONSEIL, ni les accords ou conditions particulieres conclus avec cette derniere.</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 %}
