{% extends 'schedules/edx_ace/common/base_body.html' %}
{% load i18n %}
{% load static %}

{% block preview_text %}
    {% blocktrans trimmed %}
        We hope you are enjoying learning with us so far in {{ course_name }}! A verified certificate
        will allow you to highlight your new knowledge and skills. It's official, and easily shareable.

        Upgrade by {{ user_schedule_upgrade_deadline_time }}.
    {% endblocktrans %}
{% endblock %}

{% block content %}
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
    <tr>
        <td>
            <h1>{% trans "Upgrade now" %}</h1>

            <p>
                {% blocktrans trimmed %}
                    We hope you are enjoying learning with us so far in <strong>{{ course_name }}</strong>! A
                    verified certificate will allow you to highlight your new knowledge and skills. It's official,
                    and easily shareable.
                {% endblocktrans %}
            </p>
            <p>
                {% blocktrans trimmed %}
                    Upgrade by <strong>{{ user_schedule_upgrade_deadline_time }}</strong>.
                {% endblocktrans %}
            </p>

            <a href="{{ upsell_link }}">
                <img
                    src="{{ cert_image }}"
                    alt="{% trans 'Example print-out of a verified certificate' %}"
                    style="
                        display: block;
                        margin-right: auto;
                        margin-left: auto;
                        margin-top: 50px;
                        margin-bottom: 50px;
                        border-top: 1px solid lightgray;
                        border-bottom: 3px solid lightgray;
                        border-right: 3px solid lightgray;
                        border-left: 1px solid lightgray;
                " />
            </a>

            <p>
                {# email client support for style sheets is pretty spotty, so we have to inline all of these styles #}
                <a
                    href="{{ upsell_link }}"
                    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;
                ">
                    {# old email clients require the use of the font tag :( #}
                    <font color="#ffffff"><b>{% trans "Upgrade now" %}</b></font>
                </a>
            </p>
        </td>
    </tr>
</table>
{% endblock %}
