{# themes/BootstrapTheme/templates/bundles/SyliusShopBundle/Email/message.html.twig #}

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"
       style="background:#f4f4f4;padding:20px 0;font-family:Arial,Helvetica,sans-serif;">
    <tr>
        <td align="center">

            <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0"
                   style="background:#ffffff;border-radius:6px;padding:20px;">

                <tr>
                    <td align="center" style="padding-bottom:20px;">
                        <a href="https://www.shop.lerda.fr" target="_blank">
                            <img src="https://shop.lerda.fr/themes/mail-assets/logo-lerda.png"
                                 alt="LERDA" width="150"
                                 style="border:0;display:block;margin:0 auto;">
                        </a>
                    </td>
                </tr>

                <tr>
                    <td align="center" style="font-size:22px;font-weight:bold;color:#333;padding-bottom:10px;">
                        {{ title }}
                    </td>
                </tr>

                <tr>
                    <td align="left" style="font-size:15px;color:#444;line-height:22px;padding-bottom:20px;">
                        Bonjour,<br><br>
                        Vous avez reçu un nouveau message de votre représentant.
                    </td>
                </tr>

                <tr>
                    <td align="left" style="
                        background:#fafafa;
                        border:1px solid #eee;
                        border-radius:6px;
                        padding:20px;
                        color:#333;
                        font-size:15px;
                        line-height:22px;">
                        {{ content|raw }}
                    </td>
                </tr>

                <tr>
                    <td align="center" style="padding-top:25px;font-size:15px;color:#444;">
                        Retrouvez aussi toutes les infos sur notre application mobile :
                    </td>
                </tr>

                <tr>
                    <td align="center">
                        <table role="presentation" cellpadding="0" cellspacing="0" border="0"
                               style="margin-top:10px;">
                            <tr>
                                <td align="right" width="150" style="padding-right:10px;">
                                    <a href="https://apps.apple.com/fr/app/lerda-shop/id6747896084" target="_blank">
                                        <img src="https://shop.lerda.fr/themes/mail-assets/apple.png"
                                             width="120" alt="App Store"
                                             style="border:0;display:block;">
                                    </a>
                                </td>

                                <td align="left" width="150" style="padding-left:10px;">
                                    <a href="https://play.google.com/store/apps/details?id=com.planis_eddy.LerdaMobile"
                                       target="_blank">
                                        <img src="https://shop.lerda.fr/themes/mail-assets/google.png"
                                             width="120" alt="Google Play"
                                             style="border:0;display:block;">
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

                <tr>
                    <td align="center" style="padding-top:25px;font-size:12px;color:#999;">
                        Email envoyé depuis
                        <a href="https://www.shop.lerda.fr" style="color:#999;" target="_blank">LERDA</a>
                    </td>
                </tr>

            </table>
        </td>
    </tr>
</table>