{% extends '@email/_base.html.twig' %}
{% trans_default_domain 'email' %}

{% block template %}
    <table class="email-wrapper w-full bg-gray-postmark-lighter font-sans">
        <tr>
            <td align="center">
                <table class="email-content w-full">


                    <tr>
                        <td class="email-body w-full">
                            <table align="center" class="email-body_inner w-570 bg-white mx-auto sm:w-full">
                                {{ include ('@email/_header.html.twig', ignore_missing = true) }}
                                <tr>
                                    <td class="p-45">
                                        <div class="text-base">
                                            <h1 class="mt-0 text-2xl font-bold text-left text-gray-postmark-darker">
                                                {{ 'helloWithName'|trans({'%name%': user.firstname}) }}</h1>
                                            <div class="mt-6 mb-20 text-base leading-24 text-gray-postmark-dark">{{ content|machine_translate|markdown_to_html }}</div>
                                            <table align="center" class="w-full text-center my-30 mx-auto">
                                                <tr>
                                                    <td align="center">
                                                        <table class="w-full">
                                                            <tr>
                                                                <td align="center" class="text-base">
                                                                    <a href="{{ app.request.schemeAndHttpHost }}"
                                                                       class="button button--blue"
                                                                       target="_blank">{{ 'login'|trans }}</a>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    {{ include ('@email/_footer.html.twig', ignore_missing = true) }}

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

{% endblock %}
