{% extends "../main.html.twig" %}
{% block content %}
    <!-- =============================== Body ====================================== -->
    <div class="movableContent"
         style="border: 0; padding-top: 0; position: relative;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0"
               align="center">
            <tr>
                <td height='55'></td>
            </tr>
            <tr>
                <td align='left'>
                    <div class="contentEditableContainer contentTextEditable">
                        <div class="contentEditable">
                            <p>Bonjour {{recipient.firstName}}  {{recipient.lastName}}</p>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td align='left'>
                    <div class="contentEditableContainer contentTextEditable">
                        <p>Votre demande a été acceptée par de {{sender.firstName}}  {{sender.lastName}}</p>
                    </div>
                </td>
            </tr>
            <tr>
                <div style="border-top:1px solid #e5e9f4; margin-top:20px"></div>
            </tr>
            <tr>
                <td align='left'>
                    <div class="contentEditableContainer contentTextEditable">
                        <div class="contentEditable" align='center'>
                            <p>Pour valider, refuser ou demander des précisions sur cette commande merci de cliquez sur le lien connecte</p>
                            <p>
                                <div align="center" class="button-container">
                                    <a href="{{url}}" style="-webkit-text-size-adjust: none; text-decoration: none; display: inline-block; color: #ffffff; background-color: #3AAEE0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; width: auto; width: auto; border-top: 1px solid #3AAEE0; border-right: 1px solid #3AAEE0; border-bottom: 1px solid #3AAEE0; border-left: 1px solid #3AAEE0; padding-top: 5px; padding-bottom: 5px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; text-align: center; mso-border-alt: none; word-break: keep-all; padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;" target="_blank">Je me connecte à Figgo</a>
                                </div>
                                <br>
                            </p>
                            <br>
                        </div>
                    </div>
                </td>
            </tr>
             <tr>
                <td> <div style="border-top:1px solid #e5e9f4; margin-top:20px"></div></td>
            </tr>

        </table>
    </div>
{% endblock %}