{{--
    Newsletter Email - Atomic Composable v2.0 (Luxury Edition)
    Used for newsletter campaigns sent via admin dashboard

    Variables:
    - $subject: Email subject line
    - $content: Main newsletter content (can include HTML)
    - $previewText: Preview text for email clients (optional)
    - $campaignName: Internal campaign identifier (optional)
    - $unsubscribeUrl: Unsubscribe link (required by CAN-SPAM)
    - $signupUrl: Newsletter signup URL (optional)

    Note: All design tokens auto-injected via View Composer
--}}
@component('emails.layouts.base', [
    'title' => $subject ?? 'Global Gala Newsletter',
    'previewText' => $previewText ?? 'Stay updated with our latest events and exclusive offers'
])

{{-- Newsletter Header --}}
@component('emails.organisms.section', ['background' => 'white'])
    @component('emails.atoms.h1')
        {{ $subject ?? 'Global Gala Newsletter' }}
    @endcomponent

    @component('emails.atoms.text')
        {{ $previewText ?? 'Your monthly dose of unforgettable experiences and exclusive event updates.' }}
    @endcomponent
@endcomponent

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

{{-- Main Newsletter Content --}}
@component('emails.organisms.card')
    {{-- Render the dynamic content --}}
    {!! $content !!}
@endcomponent

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

{{-- Newsletter Signup CTA (if signup URL provided) --}}
@if(isset($signupUrl) && $signupUrl)
    @component('emails.organisms.section', ['background' => 'ash'])
        @component('emails.atoms.h2')
            Share the Experience
        @endcomponent

        @component('emails.atoms.text')
            Know someone who'd love to discover amazing events? Forward this email or share our newsletter signup link!
        @endcomponent

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

        <table cellpadding="0" cellspacing="0" border="0" width="100%">
            <tr>
                <td align="center">
                    @component('emails.molecules.button', [
                        'href' => $signupUrl,
                        'variant' => 'ghost-primary',
                        'size' => 'medium'
                    ])
                        Subscribe to Newsletter
                    @endcomponent
                </td>
            </tr>
        </table>
    @endcomponent

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

{{-- Unsubscribe Footer (Required by CAN-SPAM) --}}
@component('emails.organisms.alert-box', ['variant' => 'info'])
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
            <td align="center">
                @component('emails.atoms.small')
                    <strong>Managing Your Subscription</strong><br>
                    You're receiving this because you subscribed to our newsletter.<br>

                    @if(isset($unsubscribeUrl) && $unsubscribeUrl)
                        <a href="{{ $unsubscribeUrl }}" style="color: {{ $colors['primary-600'] }}; text-decoration: underline;">
                            Unsubscribe from future emails
                        </a>
                    @endif
                @endcomponent
            </td>
        </tr>
    </table>
@endcomponent

@component('emails.atoms.text')
    Stay inspired,<br>
    <strong>The Global Gala Team</strong>
@endcomponent

@endcomponent