3468b1288d
- Add responsive breakpoints (sm/md) to event_detail.html.twig: adaptive titles, stacked ticket layout on mobile, reduced padding/spacing - Add responsive breakpoints to order templates (guest, summary, public, payment, success): adaptive typography, padding, and layouts - Fix BreadcrumbList JSON-LD: escape names with json_encode, remove item URL from last breadcrumb - Update deploy.yml cron schedule from 3h/13h/19h/23h to 1h/22h - Add <title> tags to rgpd_deletion.html.twig and rgpd_access.html.twig - Add scope attributes to all <th> tags in rgpd_access.html.twig - Replace deprecated width/cellpadding/cellspacing HTML attributes with CSS in scan_force_notification email Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
54 lines
3.4 KiB
Twig
54 lines
3.4 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block title %}{{ failed|default(false) ? 'Echec' : 'Confirmation' }} - E-Ticket{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="page-container">
|
|
<div class="max-w-xl mx-auto text-center">
|
|
<div class="card-brutal p-5 sm:p-8">
|
|
{% if failed|default(false) %}
|
|
<div class="text-5xl sm:text-6xl mb-4 text-red-600">✗</div>
|
|
<h1 class="text-2xl sm:text-3xl font-black uppercase tracking-tighter italic heading-page mb-4">Paiement echoue</h1>
|
|
<p class="font-bold text-gray-600 mb-6 text-sm sm:text-base">Le paiement n'a pas abouti. Vous pouvez reessayer.</p>
|
|
<a href="{{ path('app_order_payment', {id: order.id}) }}" class="btn-brutal font-black uppercase text-xs sm:text-sm tracking-widest bg-indigo-600 text-white hover:bg-indigo-800 transition-all">
|
|
Reessayer le paiement
|
|
</a>
|
|
{% else %}
|
|
<div class="text-5xl sm:text-6xl mb-4 text-green-600">✓</div>
|
|
<h1 class="text-2xl sm:text-3xl font-black uppercase tracking-tighter italic heading-page mb-4">Commande confirmee</h1>
|
|
<p class="font-bold text-gray-600 mb-2">Merci {{ order.firstName }} !</p>
|
|
<p class="text-sm font-bold text-gray-500 mb-6">Votre commande <span class="font-mono text-gray-900 break-all">{{ order.orderNumber }}</span> a bien ete enregistree.</p>
|
|
|
|
<div class="border-2 border-gray-900 p-3 sm:p-4 bg-gray-50 text-left mb-6">
|
|
<p class="text-xs font-black uppercase tracking-widest text-gray-500 mb-2">Details</p>
|
|
{% for item in order.items %}
|
|
<div class="flex justify-between gap-2 py-1 text-sm font-bold">
|
|
<span class="min-w-0 truncate">{{ item.billetName }} x{{ item.quantity }}</span>
|
|
<span class="flex-shrink-0">{{ item.lineTotalHTDecimal|number_format(2, ',', ' ') }} €</span>
|
|
</div>
|
|
{% endfor %}
|
|
<div class="flex justify-between pt-2 mt-2 border-t-2 border-gray-900 font-black">
|
|
<span>Total</span>
|
|
<span class="text-indigo-600">{{ order.totalHTDecimal|number_format(2, ',', ' ') }} €</span>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="text-xs font-bold text-gray-400 mb-6">Vos billets ont ete envoyes a <span class="break-all">{{ order.email }}</span></p>
|
|
|
|
<div class="flex flex-col gap-3">
|
|
<a href="{{ path('app_order_invoice', {orderNumber: order.orderNumber, token: order.accessToken}) }}" class="btn-brutal font-black uppercase text-xs sm:text-sm tracking-widest hover:bg-gray-100 transition-all" target="_blank">
|
|
Telecharger la facture
|
|
</a>
|
|
<a href="{{ path('app_order_public', {orderNumber: order.orderNumber, token: order.accessToken}) }}" class="btn-brutal font-black uppercase text-xs sm:text-sm tracking-widest hover:bg-indigo-600 hover:text-white transition-all">
|
|
Voir ma commande
|
|
</a>
|
|
<a href="{{ path('app_home') }}" class="text-sm font-bold text-gray-500 hover:text-gray-900 transition-colors">
|
|
Retour a l'accueil
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|