61 lines
2.7 KiB
Plaintext
61 lines
2.7 KiB
Plaintext
<div class="min-h-screen bg-gradient-to-br from-green-50 to-green-100 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
|
|
<div class="max-w-md w-full bg-white rounded-2xl shadow-xl p-8">
|
|
<!-- Success Icon -->
|
|
<div class="flex justify-center mb-6">
|
|
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center">
|
|
<svg class="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Success Message -->
|
|
<div class="text-center mb-8">
|
|
<h1 class="text-2xl font-bold text-gray-900 mb-2">Paiement réussi !</h1>
|
|
<p class="text-gray-600">Votre commande a été confirmée et vos billets ont été envoyés par email.</p>
|
|
</div>
|
|
|
|
<!-- Order Details -->
|
|
<% if @order&.present? %>
|
|
<div class="border-t border-gray-200 pt-6 mb-6">
|
|
<div class="flex justify-between items-center mb-4">
|
|
<span class="text-sm font-medium text-gray-900">Commande #<%= @order.id %></span>
|
|
<span class="text-sm text-gray-500"><%= @order.created_at.strftime("%d/%m/%Y à %H:%M") %></span>
|
|
</div>
|
|
|
|
<div class="space-y-2 mb-4">
|
|
<div class="flex justify-between">
|
|
<span class="text-sm text-gray-600">Événement:</span>
|
|
<span class="text-sm font-medium text-gray-900"><%= @order.event.name %></span>
|
|
</div>
|
|
<div class="flex justify-between">
|
|
<span class="text-sm text-gray-600">Nombre de billets:</span>
|
|
<span class="text-sm font-medium text-gray-900"><%= @order.tickets.count %></span>
|
|
</div>
|
|
<div class="flex justify-between">
|
|
<span class="text-sm text-gray-600">Total:</span>
|
|
<span class="text-sm font-bold text-green-600"><%= @order.total_amount_euros %>€</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<!-- Action Buttons -->
|
|
<div class="space-y-3">
|
|
<%= link_to dashboard_path, class: "w-full bg-green-600 hover:bg-green-700 text-white font-medium py-3 px-4 rounded-lg transition-colors text-center block" do %>
|
|
Voir mes billets
|
|
<% end %>
|
|
|
|
<%= link_to events_path, class: "w-full bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium py-3 px-4 rounded-lg transition-colors text-center block" do %>
|
|
Découvrir d'autres événements
|
|
<% end %>
|
|
</div>
|
|
|
|
<!-- Help Text -->
|
|
<div class="mt-6 text-center">
|
|
<p class="text-xs text-gray-500">
|
|
Un email de confirmation a été envoyé à votre adresse email avec vos billets en pièce jointe.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div> |