{% block body %}
{% autoescape false %}
<div
    style="font-family: sans-serif; background: #FEE4DF; padding-top: 30px; padding-bottom: 30px; font-size: 16px; color: #333; line-height: 1.5">
    <div style="max-width: 600px; margin: 20px auto;">
        {% set headerTitle = 'FIRE Comedy Club' %}
        {% if order is defined %}
            {% set firstItem = order.items|first %}
            {% if firstItem is not null %}
                {% set variant = firstItem.variant ?? null %}
                {% if variant is not null and variant.product is not null %}
                    {% set headerTitle = variant.product.name|default(headerTitle) %}
                {% elseif firstItem.productName is defined and firstItem.productName is not empty %}
                    {% set headerTitle = firstItem.productName %}
                {% endif %}
            {% endif %}
        {% endif %}

        <div
            style="margin-bottom: 30px; text-align: center; background: linear-gradient(90deg, #fcd2c6, #f78a6a); padding: 20px 16px; border-radius: 6px;">
            <div style="font-weight:700;font-size:22px;line-height:1.2;color:#000;">{{ headerTitle }}</div>
        </div>
        <div style="background: #fff; padding: 40px 30px;"> {% block content %}{% endblock %} </div>
        <div style="text-align: center; padding: 20px 0; font-size: 12px; color: #777;"> &copy; {{ "now"|date("Y") }}
            OTI Productions - Tous droits réservés. </div>
    </div>
</div>
{% endautoescape %}
{% endblock %}