{{--
Payment Failed Email - Atomic Design System v2.0
Sent when a payment attempt fails
Note: $colors automatically injected via View Composer
--}}
@component('emails.layouts.base', [
'title' => 'Payment Failed',
'previewText' => 'We couldn\'t process your payment',
'colors' => $colors
])
@component('emails.atoms.h1', ['colors' => $colors])
Payment Failed
@endcomponent
@component('emails.atoms.text', ['colors' => $colors])
We couldn't process your payment
@endcomponent
@component('emails.organisms.alert-box', [
'variant' => 'warning',
'title' => 'Don\'t worry - your seats are still reserved',
'colors' => $colors
])
{{ $userFriendlyMessage }}
@endcomponent
@include('emails.atoms.spacer', ['height' => '20px'])
@component('emails.atoms.h3', ['colors' => $colors])
What Happened
@endcomponent
@component('emails.organisms.card', ['colors' => $colors])
{{ $userFriendlyMessage }}
@endcomponent
@include('emails.atoms.spacer', ['height' => '20px'])
@component('emails.organisms.section', ['background' => 'primary', 'colors' => $colors])
@component('emails.atoms.h2', ['colors' => $colors])
Ready to Try Again?
@endcomponent
@component('emails.atoms.text', ['colors' => $colors])
Your seats are still on hold. Click below to retry your payment with a different method or card.
@endcomponent
@include('emails.atoms.spacer', ['height' => '16px'])
|
@component('emails.molecules.button', [
'href' => $retryUrl,
'variant' => 'primary',
'size' => 'large',
'colors' => $colors
])
Retry Payment Now
@endcomponent
|
@endcomponent
@include('emails.atoms.spacer', ['height' => '20px'])
@component('emails.organisms.alert-box', [
'variant' => 'info',
'title' => 'Common Solutions',
'colors' => $colors
])
|
|
Try a different card - Sometimes cards are declined due to fraud protection or international transactions
|
|
|
|
Check your card details - Verify that your card number, expiry date, and CVV are correct
|
|
|
|
Contact your bank - Your bank may have blocked the transaction for security reasons
|
|
|
|
Use a different payment method - We accept multiple payment options including credit cards, debit cards, and PayPal
|
|
|
|
Check your balance - Ensure you have sufficient funds available
|
|
@endcomponent
@include('emails.atoms.spacer', ['height' => '20px'])
@component('emails.atoms.h3', ['colors' => $colors])
Order Information
@endcomponent
@component('emails.organisms.card', ['colors' => $colors])
@component('emails.molecules.info-row', [
'label' => 'Order Number',
'value' => $orderNumber,
'colors' => $colors
])
@endcomponent
@component('emails.molecules.info-row', [
'label' => 'Ticket Number',
'value' => $ticketNumber,
'colors' => $colors
])
@endcomponent
@component('emails.molecules.info-row', [
'label' => 'Customer Name',
'value' => $order->customer_name,
'colors' => $colors
])
@endcomponent
@if($order->EventDetail)
@component('emails.molecules.info-row', [
'label' => 'Event',
'value' => $order->EventDetail->name,
'colors' => $colors
])
@endcomponent
@endif
@component('emails.molecules.info-row', [
'label' => 'Attempted Amount',
'value' => $currency . ' ' . number_format($attemptedAmount, 2),
'colors' => $colors
])
@endcomponent
@component('emails.molecules.info-row', [
'label' => 'Payment Method',
'value' => ucfirst($paymentMethod),
'colors' => $colors
])
@endcomponent
@component('emails.molecules.info-row', [
'label' => 'Failed At',
'value' => $failedAt->format('F j, Y g:i A'),
'colors' => $colors,
'removeBorder' => true
])
@endcomponent
@endcomponent
@include('emails.atoms.spacer', ['height' => '20px'])
@component('emails.organisms.alert-box', [
'variant' => 'info',
'title' => 'Your Seats Are Reserved',
'colors' => $colors
])
|
|
Your selected seats are temporarily held for you
|
|
|
|
You have time to retry the payment without losing your seats
|
|
|
|
If you don't complete the payment, the seats will be automatically released
|
|
@endcomponent
@component('emails.atoms.h3', ['colors' => $colors])
Need Help?
@endcomponent
@component('emails.organisms.card', ['colors' => $colors])
Our support team is here to assist you
Email: {{ $supportEmail }}
Phone: {{ $supportPhone }}
@endcomponent
@if($transactionId)
@component('emails.atoms.h3', ['colors' => $colors])
Reference Information
@endcomponent
@component('emails.organisms.card', ['colors' => $colors])
Transaction ID: {{ $transactionId }}
Error Code: {{ $errorCode }}
Time: {{ $failedAt->toIso8601String() }}
@endcomponent
@endif
@endcomponent