<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>{{ title ?? 'Email' }}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body style="margin: 0; padding: 0;">
<table border="0" cellpadding="0" cellspacing="0" width="100%"
       style="font-family: Helvetica, Arial, sans-serif; font-size: 1em;">
    <tr>
        <td style="padding: 30px 0;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600"
                   style="border-collapse: collapse;">
                <tr>
                    <td>
                        {% block content %}{% endblock %}
                    </td>
                </tr>
                <tr>
                    <td style="padding: 0;">
                        <hr style="display: block; height: 2px; background: #e0e0e0; font-size: 1px; overflow: hidden; line-height: 0; border: none;">
                    </td>
                </tr>
                <tr>
                    <td style="font-size: 0.8em; color: #999999;">
                        <div style="padding: 20px 0;">
                            {% block footerText %}{% endblock %}
                        </div>

                        {% if links is defined %}
                            <table border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                    {% for link in links %}
                                        <td>
                                            <a href="{{ link.url }}">
                                                {{ link.text }}
                                            </a>
                                        </td>
                                        {% if loop.index < (links | length) %}
                                            <td style="padding: 0 10px;">|</td>
                                        {% endif %}
                                    {% endfor %}
                                </tr>
                            </table>
                        {% endif %}
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
{% block styles %}{% endblock %}
</body>
</html>
