{% block subject -%}
{{ 'mails.accountDeleted.subject'|trans({}, _locale) }}
{%- endblock %}

{% block text -%}
{{ 'mails.accountDeleted.intro'|trans({}, _locale) }}

{{ 'mails.accountDeleted.dataErased'|trans({}, _locale) }}

{{ 'mails.accountDeleted.notYou'|trans({ email: support_email }, _locale) }}

{{ 'mails.accountDeleted.comeback'|trans({}, _locale) }}

{{ 'mails.accountDeleted.signoff'|trans({}, _locale) }}
-- {{ 'mails.accountDeleted.team'|trans({}, _locale) }}
{%- endblock %}

{% block html -%}
{%- set support_link = '<a class="ht-link" href="mailto:' ~ support_email ~ '" style="color:#d65e29;">' ~ support_email ~ '</a>' -%}
<!DOCTYPE html>
<html lang="{{ _locale }}" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="color-scheme" content="light dark">
  <meta name="supported-color-schemes" content="light dark">
  <title>{{ 'mails.accountDeleted.subject'|trans({}, _locale) }}</title>
  <!--[if mso]>
  <noscript>
    <xml>
      <o:OfficeDocumentSettings>
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
  </noscript>
  <![endif]-->
  <!--[if !mso]><!-->
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;700;800&display=swap');
  </style>
  <!--<![endif]-->
  <style>
    body { margin:0; padding:0; word-spacing:normal; }
    @media (prefers-color-scheme: dark) {
      .ht-page   { background-color:#0b0b0a !important; }
      .ht-card   { background-color:#1a1919 !important; border-color:#4e4c4a !important; }
      .ht-logo-light { display:none !important; }
      .ht-logo-dark  { display:block !important; max-height:none !important; overflow:visible !important; }
      .ht-title  { color:#f3f2f2 !important; }
      .ht-text   { color:#f3f2f2 !important; }
      .ht-muted  { color:#cdcccb !important; }
      .ht-footer { color:#979b9a !important; }
      .ht-link   { color:#e0703e !important; }
    }
    @media only screen and (max-width:620px) {
      .ht-container { width:100% !important; }
      .ht-inner { padding:24px 20px !important; }
    }
  </style>
</head>
<body class="ht-page" bgcolor="#fcfcfb" style="margin:0;padding:0;background-color:#fcfcfb;">
  <div style="display:none;max-height:0;overflow:hidden;mso-hide:all;">
    {{ 'mails.accountDeleted.preheader'|trans({}, _locale) }}&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;
  </div>
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="ht-page" bgcolor="#fcfcfb" style="background-color:#fcfcfb;">
    <tr>
      <td align="center" style="padding:32px 16px;">
        <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" class="ht-container" style="width:600px;max-width:600px;">
          <tr>
            <td style="padding:0 4px 20px 4px;">
              <div class="ht-logo-light"><img src="{{ app_url }}/assets/logo-hexatrip.png?v=2" width="138" height="38" alt="Hexatrip" style="display:block;border:0;width:138px;height:38px;font-family:'Plus Jakarta Sans',Arial,Helvetica,sans-serif;font-size:22px;font-weight:800;color:#d65e29;"></div>
              <div class="ht-logo-dark" style="display:none;mso-hide:all;max-height:0;overflow:hidden;"><img src="{{ app_url }}/assets/logo-hexatrip-blanc.png?v=2" width="138" height="38" alt="Hexatrip" style="display:block;border:0;width:138px;height:38px;"></div>
            </td>
          </tr>
          <tr>
            <td class="ht-card" bgcolor="#ffffff" style="background-color:#ffffff;border:1px solid #e6e5e5;border-radius:12px;">
              <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                  <td class="ht-inner" style="padding:32px;">
                    <h1 class="ht-title" style="margin:0 0 20px 0;font-family:'Plus Jakarta Sans',Arial,Helvetica,sans-serif;font-size:26px;line-height:1.3;font-weight:700;color:#1a1919;">{{ 'mails.accountDeleted.heading'|trans({}, _locale) }}</h1>
                    <p class="ht-text" style="margin:0 0 16px 0;font-family:'Plus Jakarta Sans',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:#1a1919;">{{ 'mails.accountDeleted.intro'|trans({}, _locale) }}</p>
                    <p class="ht-text" style="margin:0 0 16px 0;font-family:'Plus Jakarta Sans',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:#1a1919;">{{ 'mails.accountDeleted.dataErased'|trans({}, _locale) }}</p>
                    <p class="ht-muted" style="margin:0 0 24px 0;font-family:'Plus Jakarta Sans',Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;color:#4e4c4a;">{{ 'mails.accountDeleted.notYou'|trans({ email: support_link }, _locale)|raw }}</p>
                    <p class="ht-text" style="margin:0 0 24px 0;font-family:'Plus Jakarta Sans',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:#1a1919;">{{ 'mails.accountDeleted.comeback'|trans({}, _locale) }}</p>
                    <p class="ht-text" style="margin:0;font-family:'Plus Jakarta Sans',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:#1a1919;">{{ 'mails.accountDeleted.signoff'|trans({}, _locale) }}<br><strong>{{ 'mails.accountDeleted.team'|trans({}, _locale) }}</strong></p>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td class="ht-footer" align="center" style="padding:24px 8px 0 8px;font-family:'Plus Jakarta Sans',Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;color:#82807d;">
              {{ 'mails.accountDeleted.footerWhy'|trans({}, _locale) }}<br>{{ 'mails.accountDeleted.footerLegal'|trans({ year: 'now'|date('Y'), email: mail_from_address }, _locale) }}
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>
{%- endblock %}
