{% load i18n %}
{% load static %}

{% block preview_text %}
    {% blocktrans trimmed %}
        Hi {{ thread_username }}
    {% endblocktrans %}
{% endblock %}

{% block content %}
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
    <tr>
        <td>
            {% blocktrans trimmed %}
                <h1>
                    Hi {{ thread_username }},
                </h1>

                <p>
                    {{ comment_username }} made the following reply to {{ thread_title }} at {{ comment_created_at }}.
                </p>

                <p>
                    {{ comment_body }}
                </p>

                <p>
                    <a href="{{ post_link }}"> View the discussion.</a>
                </p>
            {% endblocktrans %}

            <p>
                {# email client support for style sheets is pretty spotty, so we have to inline all of these styles #}
                <a
                    {% if course_ids|length == 1 %}
                      href="{{ upsell_link }}"
                    {% else %}
                      href="{{ dashboard_url }}"
                    {% endif %}
                    style="
                        color: #ffffff;
                        text-decoration: none;
                        border-radius: 4px;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        background-color: #005686;
                        border-top: 10px solid #005686;
                        border-bottom: 10px solid #005686;
                        border-right: 16px solid #005686;
                        border-left: 16px solid #005686;
                        display: inline-block;
                ">
                </a>
            </p>
        </td>
    </tr>
</table>
{% endblock %}

{% block google_analytics_pixel %}
<img src="{{ ga_tracking_pixel_url }}" alt="" role="presentation" aria-hidden="true" />
{% endblock %}
