{% extends '@MailThemes/classic/components/layout.html.twig' %}

{% block content %}
<tr>
  <td align="center" class="titleblock">
    <font size="2" face="{{ languageDefaultFont }}Open-sans, sans-serif" color="#555454">
      <span class="title">{{ 'Hi {firstname} {lastname},'|trans({}, 'Emails.Body', locale) }}</span><br/>
      <span class="subtitle">{{ 'Thank you for creating a customer account at {shop_name}.'|trans({}, 'Emails.Body', locale) }}</span>
    </font>
  </td>
</tr>
<tr>
  <td class="space_footer">&nbsp;</td>
</tr>
<tr>
  <td class="box" style="border:1px solid #D6D4D4;">
    <table class="table">
      <tr>
        <td width="10">&nbsp;</td>
        <td>
          <font size="2" face="{{ languageDefaultFont }}Open-sans, sans-serif" color="#555454">
            {% if templateType == 'html' %}

              <p style="border-bottom:1px solid #D6D4D4;">
                {{ 'Your login email address on {shop_name}'|trans({}, 'Emails.Body', locale)|raw }}
              </p>

{% endif %}
            <span>
              {{ 'Here is your login email address:'|trans({}, 'Emails.Body', locale)|raw }}<br/>
              <span><strong>{{ 'Email address:'|trans({}, 'Emails.Body', locale)|raw }} <a href="mailto:{email}">{email}</a></strong></span>
            </span>
          </font>
        </td>
        <td width="10">&nbsp;</td>
      </tr>
    </table>
  </td>
</tr>
<tr>
  <td class="space_footer">&nbsp;</td>
</tr>
<tr>
  <td class="box" style="border:1px solid #D6D4D4;">
    <table class="table">
      <tr>
        <td width="10">&nbsp;</td>
        <td>
          <font size="2" face="{{ languageDefaultFont }}Open-sans, sans-serif" color="#555454">
            <p style="border-bottom:1px solid #D6D4D4;">{{ 'Important Security Tips:'|trans({}, 'Emails.Body', locale)|raw }}</p>
            <ol>
              <li>{{ 'Always keep your account details safe.'|trans({}, 'Emails.Body', locale)|raw }}</li>
              <li>{{ 'Never disclose your login details to anyone.'|trans({}, 'Emails.Body', locale)|raw }}</li>
              <li>{{ 'Change your password regularly.'|trans({}, 'Emails.Body', locale)|raw }}</li>
              <li>{{ 'Should you suspect someone is using your account illegally, please notify us immediately.'|trans({}, 'Emails.Body', locale)|raw }}</li>
            </ol>
          </font>
        </td>
        <td width="10">&nbsp;</td>
      </tr>
    </table>
  </td>
</tr>
<tr>
  <td class="space_footer">&nbsp;</td>
</tr>
<tr>
  <td class="linkbelow">
    <font size="2" face="{{ languageDefaultFont }}Open-sans, sans-serif" color="#555454">
      <span>{{ 'You can now place orders on our store:'|trans({}, 'Emails.Body', locale)|raw }} <a href="{shop_url}">{shop_name}</a></span>
    </font>
  </td>
</tr>
{% endblock %}
