{% load i18n %}

<div
  style="
         background: white;
         font-family: sans-serif;
        "
>
  <dl style="margin-top: 0">
    <div class="subject-preview">
      <dt style="font-weight: bold">{% trans "Subject:" %}</dt>
      <dd>{{ subject }}</dd>
    </div>

    <div class="addresses-preview">
      <dt style="font-weight: bold">
        {% blocktrans trimmed count counter=addresses|length %}
          Recipient address:
        {% plural %}
          Recipients addresses:
        {% endblocktrans %}
      </dt>
      <dd>
        {{ addresses|slice:":5"|join:", " }}

        {% if addresses|length > 5 %}
          {% blocktrans trimmed count extra_addresses_count=addresses|slice:"5:"|length %}
            (and {{ extra_addresses_count }} other)
          {% plural %}
            (and {{ extra_addresses_count }} others)
          {% endblocktrans %}
        {% endif %}
      </dd>
    </div>
  </dl>
</div>