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

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

{% block body %}
<div class="max-w-lg mx-auto px-5 py-12 text-center">
    <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>

    {% if pending %}
        <div class="bg-amber-50 text-amber-700 rounded-xl px-4 py-3 mb-4 text-sm">
            {{ 'purchase.success_pending'|trans }}
        </div>
    {% endif %}

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