kbe/aperonight
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

feat(promotion code): Promotion code system done

Browse Source 
I added the features for users to use promotion code
and for promoters to create on their events.
May be rewrite to discount code?
This commit is contained in:
kbe
2025-09-29 15:25:52 +02:00
parent 72d54e02ab
commit 87ccebf229
19 changed files with 391 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
app/views/orders/checkout.html.erb
View File

@@ -1,30 +1,12 @@
<div class="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 py-8">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<!-- Breadcrumb -->
<nav class="inline-flex items-center gap-2 bg-white px-4 py-3 rounded-xl shadow-sm border border-gray-100 mb-8" aria-label="Breadcrumb">
<div class="inline-flex items-center text-sm font-medium">
<%= link_to root_path, class: "text-gray-700 hover:text-purple-600 transition-colors" do %>
<i data-lucide="home" class="w-4 h-4 mr-2"></i>
Accueil
<% end %>
</div>
<i data-lucide="chevron-right" class="w-4 h-4 text-gray-400"></i>
<div class="inline-flex items-center text-sm font-medium">
<%= link_to events_path, class: "text-gray-700 hover:text-purple-600 transition-colors" do %>
Événements
<% end %>
</div>
<i data-lucide="chevron-right" class="w-4 h-4 text-gray-400"></i>
<div class="inline-flex items-center text-sm font-medium">
<%= link_to event_path(@order.event.slug, @order.event), class: "text-gray-700 hover:text-purple-600 transition-colors" do %>
<%= @order.event.name %>
<% end %>
</div>
<i data-lucide="chevron-right" class="w-4 h-4 text-gray-400"></i>
<div class="text-sm font-medium text-purple-600">
Commande #<%= @order.id %>
</div>
</nav>
<%= render 'components/breadcrumb', crumbs: [
{ name: 'Accueil', path: root_path },
{ name: 'Événements', path: events_path },
{ name: @order.event.name, path: event_path(@order.event.slug, @order.event) },
{ name: "Commande ##{@order.id}", path: nil }
] %>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<!-- Order Summary -->
@@ -77,8 +59,8 @@
</div>
<!-- Order Items -->
<div class="space-y-4 mb-6">
<h3 class="text-lg font-semibold text-gray-900 mb-4">Récapitulatif de votre commande</h3>
<div class="space-y-4 mb-6 border-b border-gray-200 pb-6 mb-6">
<h3 class="text-lg font-semibold text-gray-900 mb-4 ">Récapitulatif de votre commande</h3>
<% @tickets.each do |ticket| %>
<div class="flex items-center justify-between py-3 border-b border-gray-100 last:border-b-0">
@@ -99,12 +81,46 @@
<% end %>
</div>
<!-- Promotion Code Discount -->
<% if @order.promotion_codes.any? %>
<div class="space-y-2 mb-6 pb-6 border-b border-gray-200">
<% @order.promotion_codes.each do |promo_code| %>
<div class="flex items-center justify-between">
<span class="text-sm font-medium text-green-600">
<i data-lucide="tag" class="w-4 h-4 mr-1"></i>
Code: <%= promo_code.code %>
</span>
<span class="text-sm font-semibold text-green-600">-<%= promo_code.discount_amount_euros %>€</span>
</div>
<% end %>
</div>
<% end %>
<!-- Order Total -->
<div class=" pt-12">
<div class="space-y-2">
<div class="flex items-center justify-between text-lg pt-2">
<!-- Subtotal -->
<div class="flex items-center justify-between">
<span class="text-sm text-gray-600">Sous-total</span>
<span class="text-sm font-medium text-gray-600"><%= @order.subtotal_amount_euros %>€</span>
</div>
<!-- Discount -->
<% if @order.discount_amount_cents > 0 %>
<div class="flex items-center justify-between">
<span class="text-sm text-green-600">Réduction</span>
<span class="text-sm font-semibold text-green-600">-<%= @order.discount_amount_euros %>€</span>
</div>
<% end %>
<!-- Total -->
<div class="flex items-center justify-between text-lg pt-2 border-t border-gray-200">
<span class="font-medium text-gray-900">Total</span>
<span class="font-bold text-2xl text-purple-600"><%= @order.total_amount_euros %>€</span>
<% if @order.total_amount_cents == 0 %>
<span class="font-bold text-2xl text-green-600">GRATUIT</span>
<% else %>
<span class="font-bold text-2xl text-purple-600"><%= @order.total_amount_euros %>€</span>
<% end %>
</div>
</div>
<p class="text-xs text-gray-500 mt-2">TVA incluse</p>
@@ -150,7 +166,11 @@
>
<div class="flex items-center justify-center">
<i data-lucide="credit-card" class="w-5 h-5 mr-2"></i>
Payer <%= @order.total_amount_euros %>€
<% if @order.total_amount_cents == 0 %>
Confirmer la commande
<% else %>
Payer <%= @order.total_amount_euros %>€
<% end %>
</div>
</button>
@@ -251,7 +271,11 @@ const stripeResult = await stripe.redirectToCheckout({
button.innerHTML = `
<div class="flex items-center justify-center">
<i data-lucide="credit-card" class="w-5 h-5 mr-2"></i>
Payer <%= @order.total_amount_euros %>€
<% if @order.total_amount_cents == 0 %>
Confirmer la commande
<% else %>
Payer <%= @order.total_amount_euros %>€
<% end %>
</div>
`;
alert('Erreur: ' + error.message);

55
app/views/orders/payment_success.html.erb
View File

@@ -123,13 +123,58 @@
<% end %>
</div>
<!-- Total -->
<div class="mt-6">
<!-- Promotion Codes Applied -->
<% if @order.promotion_codes.any? %>
<div class="mt-6 p-4 bg-green-50 border border-green-200 rounded-lg">
<h3 class="text-lg font-semibold text-green-900 mb-3 flex items-center">
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z"/>
</svg>
Codes promotionnels appliqués
</h3>
<% @order.promotion_codes.each do |promo_code| %>
<div class="flex items-center justify-between py-2 px-3 bg-white rounded-lg border border-green-200 mb-2 last:mb-0">
<div class="flex items-center">
<span class="text-sm font-medium text-green-800">
<svg class="w-4 h-4 mr-1 inline" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
<%= promo_code.code %>
</span>
</div>
<span class="text-sm font-semibold text-green-700">-<%= promo_code.discount_amount_euros %>€</span>
</div>
<% end %>
</div>
<% end %>
<!-- Price Breakdown -->
<div class="mt-6 p-4 bg-gray-50 border border-gray-200 rounded-lg">
<h3 class="text-lg font-semibold text-gray-900 mb-3">Détail du paiement</h3>
<div class="space-y-2">
<div class="flex items-center justify-between text-lg pt-2">
<!-- Subtotal -->
<div class="flex items-center justify-between text-sm">
<span class="text-gray-600">Sous-total</span>
<span class="font-medium text-gray-700"><%= @order.subtotal_amount_euros %>€</span>
</div>
<!-- Discount -->
<% if @order.discount_amount_cents > 0 %>
<div class="flex items-center justify-between text-sm">
<span class="text-green-600">Réduction</span>
<span class="font-semibold text-green-600">-<%= @order.discount_amount_euros %>€</span>
</div>
<% end %>
<!-- Total -->
<div class="flex items-center justify-between pt-2 border-t border-gray-300">
<span class="font-medium text-gray-900">Total payé</span>
<span class="font-bold text-2xl text-green-600">
<%= @order.total_amount_euros %>€
<span class="font-bold text-xl text-green-600">
<% if @order.total_amount_cents == 0 %>
GRATUIT
<% else %>
<%= @order.total_amount_euros %>€
<% end %>
</span>
</div>
</div>

49
app/views/orders/show.html.erb
View File

@@ -94,14 +94,57 @@
<% end %>
</div>
<!-- Total -->
<!-- Promotion Codes Applied -->
<% if @order.promotion_codes.any? %>
<div class="mt-6 p-4 bg-green-50 border border-green-200 rounded-lg">
<h3 class="text-lg font-semibold text-green-900 mb-3 flex items-center">
<i data-lucide="tag" class="w-5 h-5 mr-2"></i>
Codes promotionnels appliqués
</h3>
<% @order.promotion_codes.each do |promo_code| %>
<div class="flex items-center justify-between py-2 px-3 bg-white rounded-lg border border-green-200 mb-2 last:mb-0">
<div class="flex items-center">
<span class="text-sm font-medium text-green-800">
<i data-lucide="check-circle" class="w-4 h-4 mr-1 inline"></i>
<%= promo_code.code %>
</span>
</div>
<span class="text-sm font-semibold text-green-700">-<%= promo_code.discount_amount_euros %>€</span>
</div>
<% end %>
</div>
<% end %>
<!-- Price Breakdown -->
<div class="border-t border-gray-200 pt-6 mt-6">
<div class="flex items-center justify-between text-lg pt-2">
<h3 class="text-lg font-semibold text-gray-900 mb-3">Détail du paiement</h3>
<div class="space-y-2">
<!-- Subtotal -->
<div class="flex items-center justify-between text-sm">
<span class="text-gray-600">Sous-total</span>
<span class="font-medium text-gray-700"><%= @order.subtotal_amount_euros %>€</span>
</div>
<!-- Discount -->
<% if @order.discount_amount_cents > 0 %>
<div class="flex items-center justify-between text-sm">
<span class="text-green-600">Réduction</span>
<span class="font-semibold text-green-600">-<%= @order.discount_amount_euros %>€</span>
</div>
<% end %>
<!-- Total -->
<div class="flex items-center justify-between pt-2 border-t border-gray-300">
<span class="font-medium text-gray-900">Total <%= @order.status == 'paid' || @order.status == 'completed' ? 'payé' : 'à payer' %></span>
<span class="font-bold text-2xl <%= @order.status == 'paid' || @order.status == 'completed' ? 'text-green-600' : 'text-purple-600' %>">
<%= @order.total_amount_euros %>€
<% if @order.total_amount_cents == 0 %>
GRATUIT
<% else %>
<%= @order.total_amount_euros %>€
<% end %>
</span>
</div>
</div>
</div>
<!-- View Invoice -->