{% extends '@SyliusCore/Email/orderConfirmation.html.twig' %}

{% block subject %}
{{ firstName }}, vous avez des billets !
{% endblock %}

{% block content %}
{% set item = order.items|first %}
{% set variant = item ? item.variant : null %}
{% set product = variant ? variant.product : null %}
{% set showDate = (variant and variant.dateShow) ? variant.dateShow : (order.showDate ?? null) %}

<p>Bonjour {{ firstName }} {{ lastName }},</p>
<p>Vos billets sont prêts 🔥. Gardez-les à portée de main, ils sont joints à cet e‑mail au format PDF. Nous avons trop hâte de vous accueillir 🥰</p>

<hr style="border:none;border-top:1px solid #eee;margin:24px 0;">

<h2 style="margin:0 0 8px 0; font-size:18px;">{{ product ? product.name : 'Votre événement' }}</h2>
<p style="margin:0 0 4px 0;">
    {{ seatCount }} × billets
</p>
{% if showDate is not null %}
<p style="margin:0 0 12px 0;">
    {{ showDate|date('d/m/Y H:i') }}
</p>
{% endif %}


<hr style="border:none;border-top:1px solid #eee;margin:24px 0;">

<p style="margin:0 0 8px 0; font-weight:600;">Adresse</p>

<p>
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt-fill"
        viewBox="0 0 16 16">
        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
    </svg>
    Fire Walk, 28 rue Latour

    </br>33 000, Bordeaux
</p>

<p style="margin:8px 0 0 0;">Pour toute(s) question(s), n'hésitez pas à nous contacter sur notre page
    <a href="https://www.instagram.com/firecomedyclub/" target="_blank" rel="noopener"
        style="color:#f54b28; text-decoration:none;">Instagram</a>
</p>

{% endblock %}