{% extends 'base.html.twig' %}

{% block title %}{{ 'purchase.success_title'|trans }}{% endblock %}

{% block head_extra %}
{% if pending %}<meta http-equiv="refresh" content="5">{% endif %}
<meta name="robots" content="noindex">
{% endblock %}

{% block body %}
<div class="max-w-lg mx-auto px-5 py-12 text-center">
    {% if pending %}
        <div class="text-6xl mb-4">&#9203;</div>
        <h1 class="text-3xl font-bold text-gray-900 mb-2">{{ 'purchase.pending_heading'|trans }}</h1>
        <p class="text-gray-500 mb-8">{{ 'purchase.success_pending'|trans }}</p>
    {% else %}
        <div class="text-6xl mb-4">&#127881;</div>
        <h1 class="text-3xl font-bold text-gray-900 mb-2">{{ 'purchase.success_heading'|trans }}</h1>
        <p class="text-gray-500 mb-8">{{ 'purchase.success_code_label'|trans }}</p>

        <div class="bg-white border-2 border-[#7B2D8E] rounded-2xl py-6 px-4 mb-6">
            <p class="text-3xl font-mono font-bold tracking-wider text-gray-900">{{ code }}</p>
        </div>

        <p class="text-sm text-gray-500 mb-2">{{ 'purchase.success_instruction'|trans }}</p>
        <p class="text-sm text-gray-500 mb-8">{{ 'purchase.success_email_sent'|trans }}</p>
    {% endif %}

    <a href="/" class="text-[#7B2D8E] font-medium hover:underline">{{ 'purchase.back_home'|trans }}</a>
</div>
{% endblock %}