@extends('emails.layout')
@section('body')
    <table style="font-family:Poppins,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
        <tbody>
        <tr>
            <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:Poppins,sans-serif;" align="left">

                <div style="line-height: 200%; text-align: center; word-wrap: break-word; font-size: 14px">
                    <h2>Annulation d'Abonnement</h2>
                    <p>
                        Bonjour {{ $data['user']->proName() }},
                    </p>
                    <p>
                        Nous avons bien reçu votre confirmation sur l'annulation de votre abonnement . Vous n'aurez plus accès aux services de l'Offre {{ strtoupper($data['latestSubscriptionInvoice']->subscription->name) }} à partir de {{ $data['date'] }}.
                    </p>
                    <p>
                        N'hésitez pas à nous faire part de vos raisons si nécessaire.
                    </p>
                    <p>
                        Si cela est une erreur, vous pouvez réactiver votre abonnement via votre compte.
                    </p>
                    <p>Merci,</p>
                    <p>L'équipe KONDY</p>
                </div>

            </td>
        </tr>
        </tbody>
    </table>
    <table style="font-family:Poppins,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
        <tbody>
        <tr>
            <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:Poppins,sans-serif;" align="left">

                <div align="center">
                    <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;font-family:Poppins,sans-serif;"><tr><td style="font-family:Poppins,sans-serif;" align="center"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="" style="height:37px; v-text-anchor:middle; width:112px;" arcsize="11%" stroke="f" fillcolor="#1bc5bd"><w:anchorlock/><center style="color:#FFFFFF;font-family:Poppins,sans-serif;"><![endif]-->
                    <a href="{{route('index')}}" target="_blank" style="box-sizing: border-box;display: inline-block;font-family:Poppins,sans-serif;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #FFFFFF;
                                                    background-color: #3f51b5;
                                                    border-radius: 50px; width:auto; max-width:100%; overflow-wrap: break-word; word-break: break-word; word-wrap:break-word; mso-border-alt: none;">
                        <span style="display:block;padding:10px 20px;line-height:120%;"><span style="font-size: 15px; line-height: 16.8px; font-weight: bold">Réactiver votre compte</span></span>
                    </a>
                    <!--[if mso]></center></v:roundrect></td></tr></table><![endif]-->
                </div>

            </td>
        </tr>
        </tbody>
    </table>
@endsection