{% 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">{% trans "Recipient addresses:" %}</dt>
      <dd>
        {{ addresses|slice:":5"|join:", " }}

        {% if addresses|length > 5 %}
          {% blocktrans with extra_addresses_count=addresses|slice:"5:"|length %}
            (and {{ extra_addresses_count }} more)
          {% endblocktrans %}
        {% endif %}
      </dd>
    </div>
  </dl>
</div>