{{--
    Waitlist Confirmation Email - Atomic Composable v2.0 (Luxury Edition)
    Sent when a customer joins the waitlist for a sold-out event

    Variables:
    - $customerName: Customer's full name
    - $eventName: Name of the event they're waitlisted for
    - $previewText: Preview text for email clients (optional)
--}}
@component('emails.layouts.base', [
    'title' => 'You\'re on the Waitlist - ' . $eventName,
    'previewText' => $previewText ?? 'We\'ll contact you if seats become available'
])

{{-- Logo Header - Automatically included by base layout --}}

{{-- Confirmation Message --}}
@component('emails.organisms.section', ['background' => 'white'])
    @component('emails.atoms.h1')
        You're on the waitlist for {{ $eventName }}!
    @endcomponent

    @component('emails.atoms.text')
        We will be in contact if seats matching your specification become available.
    @endcomponent
@endcomponent

@include('emails.atoms.spacer', ['height' => '24px'])

{{-- Event Details Card --}}
@component('emails.organisms.card')
    @component('emails.atoms.h2')
        What happens next?
    @endcomponent

    @component('emails.atoms.text')
        We've added you to our waitlist for <strong>{{ $eventName }}</strong>. If seats become available that match your preferences, we'll reach out to you via email.
    @endcomponent

    @include('emails.atoms.spacer', ['height' => '16px'])

    @component('emails.atoms.text')
        <strong>Your submission has been received:</strong><br>
        • Event: {{ $eventName }}<br>
        @if(!empty($seatPreferences))
        • Seat Preferences: {{ $seatPreferences }}<br>
        @endif
        • We'll notify you at: {{ $customerEmail }}
    @endcomponent
@endcomponent

@include('emails.atoms.spacer', ['height' => '40px'])

{{-- Signature --}}
@component('emails.atoms.text')
    Best regards,<br>
    <strong>Global Gala Booking Team</strong>
@endcomponent

@endcomponent