{% block subject -%}
{{ 'mails.newsletterConfirmation.subject'|trans({}, _locale) }}
{%- endblock %}

{% block text -%}
{{ 'mails.newsletterConfirmation.intro'|trans({}, _locale) }}

{{ link }}

{{ 'mails.newsletterConfirmation.validity'|trans({ hours: hours }, _locale) }}

{{ 'mails.newsletterConfirmation.ignoreNotice'|trans({}, _locale) }}

-- {{ 'mails.common.team'|trans({}, _locale) }}
{%- endblock %}

{% block html -%}
<!DOCTYPE html>
<html lang="{{ _locale }}">
<head>
    <meta charset="UTF-8">
    <title>{{ 'mails.newsletterConfirmation.subject'|trans({}, _locale) }}</title>
</head>
<body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 560px; margin: 24px auto; color: #1f2937;">
    <h1 style="font-size: 20px; margin: 0 0 16px;">{{ 'mails.newsletterConfirmation.heading'|trans({}, _locale) }}</h1>
    <p>{{ 'mails.newsletterConfirmation.intro'|trans({}, _locale) }}</p>
    <p style="margin: 24px 0;">
        <a href="{{ link }}"
           style="display: inline-block; background: #2563eb; color: #ffffff; padding: 12px 20px; border-radius: 6px; text-decoration: none; font-weight: 600;">
            {{ 'mails.newsletterConfirmation.cta'|trans({}, _locale) }}
        </a>
    </p>
    <p style="font-size: 13px; color: #6b7280;">
        <a href="{{ link }}" style="color: #2563eb;">{{ link }}</a>
    </p>
    <p style="font-size: 13px; color: #6b7280;">{{ 'mails.newsletterConfirmation.validity'|trans({ hours: hours }, _locale) }}</p>
    <hr style="border: none; border-top: 1px solid #e5e7eb; margin: 24px 0;">
    <p style="font-size: 12px; color: #9ca3af;">
        {{ 'mails.newsletterConfirmation.ignoreNotice'|trans({}, _locale) }}<br>
        — {{ 'mails.common.team'|trans({}, _locale) }}
    </p>
</body>
</html>
{%- endblock %}
