{% extends 'ace_common/edx_ace/common/base_body.html' %}

{% load i18n %}
{% block content %}
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
  <tr>
    <td>
      <p style="color: rgba(0,0,0,.75); font-size: 16px; margin: 0 0 24px 0;">
        {% if release_note_count == 1 %}
          {% blocktrans %}Hello, a new edX.org Release Note has been published!{% endblocktrans %}
        {% else %}
          {% blocktrans with count=release_note_count %}Hello, {{ count }} new edX.org Release Notes have been published!{% endblocktrans %}
        {% endif %}
      </p>

      {% for note in release_notes %}
      <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 0 32px 0;">
        <tr>
          <td>
            <h3 style="font-size: 22px; font-weight: 400; line-height: 1.3; margin: 0 0 8px 0; color: #000000;">
              {{ note.title|force_escape }}
            </h3>
            <p style="font-size: 12px; color: rgba(0,0,0,.55); margin: 0 0 16px 0;">
              {% trans "Published:" %} {{ note.published_at_display|force_escape }}
            </p>
            <div class="release-note-content" style="font-size: 14px; line-height: 1.5; color: #000000; word-wrap: break-word;">
              {% autoescape off %}
                {{ note.content }}
              {% endautoescape %}
            </div>
          </td>
        </tr>
      </table>
      <hr style="margin: 32px 0; border: 1px solid #e0e0e0;">
      {% endfor %}

      <p style="font-size: 11px; color: rgba(0,0,0,.5); margin-top: 8px;">
        {% blocktrans %}This is an automated email. Please do not reply directly to this email.{% endblocktrans %}
        <br>
        {% blocktrans %}To stop receiving notifications like these in the future, unsubscribe{% endblocktrans %}
        <a href="{{ unsubscribe_url }}" style="color: rgba(0,0,0,.5);">{% trans "here" as transhere %}{{ transhere|force_escape }}</a>.
      </p>
    </td>
  </tr>
</table>
{% endblock %}