<%= render 'components/breadcrumb', crumbs: [ { name: 'Accueil', path: root_path }, { name: 'Événements', path: events_path }, { name: @event.name, path: nil } ] %>

<% if @event.image.present? %>

<%= image_tag @event.image, class: "w-full h-full object-cover" %>

<%= @event.name %>

<% else %>

<%= @event.name %>

<%= @event.venue_name %>

<%= @event.start_time.strftime("%d %B %Y à %H:%M") %>

<% end %>

Description

<%= @event.description %>

Lieu

<%= @event.venue_name %>

<%= @event.venue_address %>

Date & Heure

<%= @event.start_time.strftime("%A %d %B %Y") %>

À <%= @event.start_time.strftime("%H:%M") %>

Organisateur

<%= @event.user.email.first.upcase %>

<% if @event.user.first_name.present? && @event.user.last_name.present? %>

<%= @event.user.first_name %> <%= @event.user.last_name %>

<% else %>

<%= @event.user.email.split("@").first %>

<% end %> <% if @event.user.company_name.present? %>

<%= @event.user.company_name %>

<% end %>

<%= form_with url: event_order_new_path(@event.slug, @event.id), method: :get, id: "checkout_form", local: true, data: { controller: "ticket-selection", ticket_selection_target: "form", ticket_selection_event_slug_value: @event.slug, ticket_selection_event_id_value: @event.id } do |form| %>

Billets disponibles

<% if @event.ticket_types.any? %>

<% @event.ticket_types.each do |ticket_type| %> <% sold_out = ticket_type.quantity <= ticket_type.tickets.count %> <% remaining = ticket_type.quantity - ticket_type.tickets.count %> <%= render "components/ticket_card", { id: ticket_type.id, name: ticket_type.name, description: ticket_type.description, price_cents: ticket_type.price_cents, quantity: ticket_type.quantity, sold_out: sold_out, remaining: remaining, } %> <% end %>

<% else %>

Aucun billet disponible

Les billets pour cet événement ne sont pas encore disponibles ou sont épuisés.

<% end %>

Quantité : 0

Montant total : €0.00

<%= form.button "Procéder au paiement", type: "submit", data: { ticket_selection_target: "checkoutButton" }, class: "w-full btn btn-primary py-3 px-4 rounded-xl shadow-sm transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 flex items-center justify-center opacity-50 cursor-not-allowed" %>

<% end %>