{% extends "pretixbase/email/base.html" %}
{% load eventurl %}
{% load i18n %}
{% block content %}
    {# ---- TixStage masthead: navy band, wordmark, pink rule ---- #}
    <tr>
        <td style="background:#14122E;padding:22px 24px 18px;border-radius:12px 12px 0 0;">
            <span style="font-family:Helvetica,Arial,sans-serif;font-size:22px;font-weight:800;color:#FAFAF7;letter-spacing:-0.5px;">Tix<span style="color:#FF4D6D;">Stage</span></span>
            <div style="font-family:Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:2px;color:#9C98BE;margin-top:2px;">EVENT&nbsp;TICKETING</div>
        </td>
    </tr>
    <tr><td style="background:#FF4D6D;height:4px;font-size:0;line-height:0;">&nbsp;</td></tr>
    <tr>
        <td class="containertd">
            <div class="content" style="font-family:Helvetica,Arial,sans-serif;color:#232041;">
                {{ body|safe }}
            </div>
        </td>
    </tr>
    {% if order %}
        {% include "pretixbase/email/separator.html" %}
        <tr>
            <td class="order containertd">
                <div class="content">
                    {% include "pretixbase/email/order_details.html" %}
                </div>
            </td>
        </tr>
        {% if position %}
            {% include "pretixbase/email/separator.html" %}
            <tr>
                <td class="order containertd">
                    <div class="content">
                        {% include "pretixbase/email/position_details.html" %}
                    </div>
                </td>
            </tr>
        {% endif %}
    {% endif %}
    {% if signature %}
        {% include "pretixbase/email/separator.html" %}
        <tr>
            <td class="containertd">
                <div class="content signature" style="color:#6d688a;">
                    {{ signature|safe }}
                </div>
            </td>
        </tr>
    {% endif %}
    <tr>
        <td style="padding:14px 24px 18px;background:#F6F5F1;border-radius:0 0 12px 12px;">
            <div style="font-family:Helvetica,Arial,sans-serif;font-size:11px;color:#8a86a3;text-align:center;">
                {% trans "powered by TixStage" %}
            </div>
        </td>
    </tr>
{% endblock %}