fix: Update event flow to use new event-scoped order routes

- Update events/show form to use event_order_new_path instead of order_new_path
- Fix JavaScript redirect in ticket_selection_controller.js to use event-scoped URL
- Ensure proper event context is maintained throughout the order flow
- Resolve routing issues that caused "Commande non trouvée" errors

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/javascript/controllers/ticket_selection_controller.js

@@ -117,8 +117,8 @@ export default class extends Controller {
       // Store cart data in session
       await this.storeCartInSession(cartData);
 
-      // Redirect to orders/new page
+      // Redirect to event-scoped orders/new page
-      const OrderNewUrl = `/orders/new`;
+      const OrderNewUrl = `/events/${this.eventSlugValue}.${this.eventIdValue}/orders/new`;
       window.location.href = OrderNewUrl;
     } catch (error) {
       console.error("Error storing cart:", error);

app/views/events/show.html.erb

@@ -1,23 +1,11 @@
-  <div
+  <div class="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100">
-    class="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100"
-  >
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
       <!-- Breadcrumb -->
       <nav class="mb-6" aria-label="Breadcrumb">
         <ol class="flex items-center space-x-2 text-sm">
           <%= link_to root_path, class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
-            <svg
+            <svg class="w-4 h-4 inline-block mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              class="w-4 h-4 inline-block mr-1"
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" />
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
-              />
             </svg>
             Accueil
           <% end %>
@@ -56,7 +44,8 @@
         </ol>
       </nav>
 
-      <div class="bg-white rounded-2xl shadow-xl overflow-hidden">
+      <!-- Event main wrapper -->
+      <div class="bg-white rounded-xl shadow-xl overflow-hidden">
         <!-- Event Header with Image -->
         <% if @event.image.present? %>
           <div class="relative h-96">
@@ -68,7 +57,7 @@
             ></div>
             <div class="absolute bottom-0 left-0 right-0 p-6 md:p-8">
               <div class="max-w-4xl mx-auto">
-                <h1 class="text-3xl md:text-4xl font-bold text-white mb-2"><%= @event.name %></h1>
+                <h1 class="text-3xl md:text-4xl font-bold text-white mb-2 text-center md:text-left"><%= @event.name %></h1>
               </div>
             </div>
           </div>
@@ -208,8 +197,8 @@
 
             <!-- Right Column: Ticket Selection -->
             <div class="lg:col-span-1">
-              <%= form_with url: order_new_path, method: :get, id: "checkout_form", local: true, data: { 
+              <%= form_with url: event_order_new_path(@event.slug, @event.id), method: :get, id: "checkout_form", local: true, data: {
-              controller: "ticket-selection", 
+              controller: "ticket-selection",
               ticket_selection_target: "form",
               ticket_selection_event_slug_value: @event.slug,
               ticket_selection_event_id_value: @event.id