{#
/**
 * @file
 * Default template to format a HTML email using the Mime Mail module.
 *
 * Copy this file in your default theme folder to create a custom themed email.
 * If you modify this template you MUST be sure to keep the html, body, and
 * header tags. This template should produce a fully-formed HTML document.
 * Failure to include these will result in a malformed email and possibly
 * errors shown to the user when sending email.
 *
 * To override this template for all emails sent by a given module,
 * rename this template to mimemail-messages--[module].html.twig.
 *
 * To override this template for a specific email sent by a given module,
 * rename this template to mimemail-messages--[module]--[key].html.twig.
 *
 * Available variables:
 * - attributes: HTML attributes for the body element of the message.
 * - key: The message identifier.
 * - module: The machine name of the sending module.
 * - css: Internal style sheets.
 * - recipient: The recipient of the message.
 * - subject: The message subject.
 * - body: The message body.
 *
 * @see template_preprocess_mimemail_message()
 *
 * @ingroup themeable
 */
#}
{% set classes = module ? (key ? module ~ '-' ~ key) %}
<!DOCTYPE html>
<html lang="{{ language.getId()|default('fr') }}">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     {% if css %}
    	<style type="text/css">
      	<!-- {{ css }} -->
    	</style>
    {% endif %}
</head>
<body id="mimemail-body"{{ attributes.addClass(classes) }}>
    <div class="email-bg">
        <div class="email-container">
            <header class="email-header">
                {{ header|raw }}
            </header>        
            <div class="email-body">
                {{ body|raw }}
            </div>        
            <footer class="email-footer">
                {% if footer %}
                    {{ footer|raw }}
                {% else %}
                    <p style="font-size:12px; color:#666; margin-top:20px; line-height:1.5;">Ce message a été envoyé automatiquement via le site Habeuk.<br>
                    Habeuk - Développement web, création de sites et solutions digitales.<br>
                        <a href="https://habeuk.com">https://habeuk.com</a> | 
                        © {{ "now"|date("Y") }} Habeuk
                    </p>
                {% endif %}
            </footer>
        </div>
    </div>
</body>
</html>
