4e2445198f
- Enhanced events index page with improved visual design and better information display - Completely redesigned event show page with modern layout, ticket selection, and checkout functionality - Implemented Stripe payment processing for ticket purchases - Created ticket generation system with PDF tickets and QR codes - Added email confirmation system with ticket attachments - Updated database configuration to use SQLite for easier development setup - Fixed gem dependencies and resolved conflicts - Improved error handling throughout the checkout process - Enhanced Stimulus controller for ticket cart management - Added proper redirect handling for successful and cancelled payments
111 lines
4.2 KiB
Plaintext
Executable File
111 lines
4.2 KiB
Plaintext
Executable File
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
|
<!-- Hero section with metrics -->
|
|
<div class="mb-8">
|
|
<h1 class="text-3xl font-bold text-slate-900 dark:text-slate-100 mb-6">Tableau de bord</h1>
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
|
|
<%= render partial: 'components/metric_card', locals: { title: "Mes réservations", value: @booked_events, classes: "from-green-100 to-emerald-100" } %>
|
|
|
|
<%= render partial: 'components/metric_card', locals: { title: "Événements aujourd'hui", value: @events_today, classes: "from-blue-100 to-sky-100" } %>
|
|
|
|
<%= render partial: 'components/metric_card', locals: { title: "Événements demain", value: @events_tomorrow, classes: "from-purple-100 to-indigo-100" } %>
|
|
|
|
<%= render partial: 'components/metric_card', locals: { title: "À venir", value: @upcoming_events, classes: "from-orange-100 to-amber-100" } %>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- User's booked events -->
|
|
<div class="card hover-lift mb-8">
|
|
<div class="card-header">
|
|
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-100">Mes événements réservés</h2>
|
|
</div>
|
|
<div class="card-body">
|
|
<% if @user_booked_events.any? %>
|
|
<ul class="space-y-4">
|
|
<% @user_booked_events.each do |event| %>
|
|
<li>
|
|
<%= render partial: 'components/event_item', locals: { event: event } %>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
<% if @booked_events > 5 %>
|
|
<div class="mt-6 text-center">
|
|
<%= link_to "Voir toutes mes réservations", "#", class: "text-purple-600 dark:text-purple-400 hover:text-purple-800 dark:hover:text-purple-200 font-medium transition-colors duration-200" %>
|
|
</div>
|
|
<% end %>
|
|
<% else %>
|
|
<div class="text-center py-8">
|
|
<p class="text-slate-600 dark:text-slate-400 mb-4">Vous n'avez encore réservé aucun événement.</p>
|
|
<%= link_to "Découvrir les événements", events_path, class: "inline-flex items-center px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors duration-200" %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Today's events -->
|
|
<div class="card hover-lift mb-8">
|
|
<div class="card-header">
|
|
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-100">Évenements du jour</h2>
|
|
</div>
|
|
<div class="card-body">
|
|
<% if @today_events.any? %>
|
|
<ul class="space-y-4">
|
|
<% @today_events.each do |event| %>
|
|
<li>
|
|
<%= render partial: 'components/event_item', locals: { event: event } %>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
<% else %>
|
|
<p class="text-slate-600 dark:text-slate-400">Aucun évenement aujourd'hui.</p>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tomorrow's events -->
|
|
<div class="card hover-lift mb-8">
|
|
<div class="card-header">
|
|
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-100">Évenements de demain</h2>
|
|
</div>
|
|
<div class="card-body">
|
|
<% if @tomorrow_events.any? %>
|
|
<ul class="space-y-4">
|
|
<% @tomorrow_events.each do |event| %>
|
|
<li>
|
|
<%= render partial: 'components/event_item', locals: { event: event } %>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
<% else %>
|
|
<p class="text-slate-600 dark:text-slate-400">Aucune partie demain.</p>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Other upcoming events with pagination -->
|
|
<div class="card hover-lift">
|
|
<div class="card-header">
|
|
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-100">Autres évenements à venir</h2>
|
|
</div>
|
|
<div class="card-body">
|
|
<% if @other_events.any? %>
|
|
<ul class="space-y-4">
|
|
<% @other_events.each do |event| %>
|
|
<li>
|
|
<%= render partial: 'components/event_item', locals: { event: event } %>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
|
|
<!-- Pagination -->
|
|
<div class="mt-8">
|
|
<%= paginate @other_events %>
|
|
</div>
|
|
<% else %>
|
|
<p class="text-slate-600 dark:text-slate-400">Aucune autre partie à venir.</p>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|