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
56 lines
3.2 KiB
Plaintext
Executable File
56 lines
3.2 KiB
Plaintext
Executable File
<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f8f9fa; border-radius: 8px;">
|
|
<div style="text-align: center; padding: 20px 0; border-bottom: 1px solid #e9ecef;">
|
|
<h1 style="color: #4c1d95; margin: 0; font-size: 28px;">ApéroNight</h1>
|
|
<p style="color: #6c757d; margin: 10px 0 0;">Confirmation de votre achat</p>
|
|
</div>
|
|
|
|
<div style="background-color: white; border-radius: 8px; padding: 30px; margin: 20px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
|
|
<h2 style="color: #212529; margin-top: 0;">Bonjour <%= @user.email.split('@').first %>,</h2>
|
|
|
|
<p style="color: #495057; line-height: 1.6;">
|
|
Merci pour votre achat ! Nous avons le plaisir de vous confirmer votre billet pour l'événement <strong><%= @event.name %></strong>.
|
|
</p>
|
|
|
|
<div style="background-color: #f8f9fa; border-radius: 6px; padding: 20px; margin: 25px 0;">
|
|
<h3 style="color: #4c1d95; margin-top: 0; border-bottom: 1px solid #e9ecef; padding-bottom: 10px;">Détails de votre billet</h3>
|
|
|
|
<div style="display: flex; justify-content: space-between; margin-bottom: 15px;">
|
|
<div>
|
|
<p style="margin: 0; color: #6c757d; font-size: 14px;">Événement</p>
|
|
<p style="margin: 5px 0 0; font-weight: bold; color: #212529;"><%= @event.name %></p>
|
|
</div>
|
|
<div style="text-align: right;">
|
|
<p style="margin: 0; color: #6c757d; font-size: 14px;">Type de billet</p>
|
|
<p style="margin: 5px 0 0; font-weight: bold; color: #212529;"><%= @ticket.ticket_type.name %></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: flex; justify-content: space-between;">
|
|
<div>
|
|
<p style="margin: 0; color: #6c757d; font-size: 14px;">Date & heure</p>
|
|
<p style="margin: 5px 0 0; font-weight: bold; color: #212529;"><%= @event.start_time.strftime("%d %B %Y à %H:%M") %></p>
|
|
</div>
|
|
<div style="text-align: right;">
|
|
<p style="margin: 0; color: #6c757d; font-size: 14px;">Prix</p>
|
|
<p style="margin: 5px 0 0; font-weight: bold; color: #212529;"><%= number_to_currency(@ticket.price_cents / 100.0, unit: "€") %></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="text-align: center; margin: 30px 0;">
|
|
<p style="color: #495057; margin-bottom: 20px;">Votre billet est attaché à cet email en format PDF.</p>
|
|
<p style="color: #495057; margin-bottom: 20px;">Présentez-le à l'entrée de l'événement pour y accéder.</p>
|
|
</div>
|
|
|
|
<div style="background-color: #fff3cd; border-radius: 6px; padding: 15px; border-left: 4px solid #ffc107;">
|
|
<p style="margin: 0; color: #856404; font-size: 14px;">
|
|
<strong>Important :</strong> Ce billet est valable pour une seule entrée. Conservez-le précieusement.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="text-align: center; color: #6c757d; font-size: 14px; padding: 20px 0;">
|
|
<p style="margin: 0;">Si vous avez des questions, contactez-nous à <a href="mailto:support@aperonight.com" style="color: #4c1d95; text-decoration: none;">support@aperonight.com</a></p>
|
|
<p style="margin: 10px 0 0;">© <%= Time.current.year %> ApéroNight. Tous droits réservés.</p>
|
|
</div>
|
|
</div> |