{{--
    Welcome Newsletter Template
    Introduces new subscribers to Global Gala

    Required variables:
    - $subject: Email subject
    - $preview_text: Preview text
    - $unsubscribe_url: Unsubscribe link
    - $headline: Main headline
    - $body: Body copy
    - $cta_text: Button text
    - $cta_url: Button URL

    Optional variables:
    - $hero_image: Hero image URL
--}}
@component('emails.newsletters.base', [
    'subject' => $subject,
    'preview_text' => $preview_text,
    'unsubscribe_url' => $unsubscribe_url ?? '{{UNSUBSCRIBE_URL}}',
    'email' => $email ?? null
])

{{-- Hero Image (optional) --}}
@if(!empty($hero_image))
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
            <td align="center" style="padding-bottom: 32px;">
                <img src="{{ $hero_image }}" alt="Welcome" style="width: 100%; max-width: 600px; height: auto; display: block; border-radius: 8px;">
            </td>
        </tr>
    </table>
@endif

{{-- Main Headline --}}
@component('emails.atoms.h1', ['colors' => $colors ?? []])
    {{ $headline }}
@endcomponent

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

{{-- Body Copy --}}
@component('emails.atoms.text', ['colors' => $colors ?? []])
    {!! nl2br(e($body)) !!}
@endcomponent

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

{{-- CTA Button --}}
<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
        <td align="center">
            @component('emails.molecules.button', [
                'href' => $cta_url,
                'variant' => 'primary',
                'size' => 'large',
                'colors' => $colors ?? []
            ])
                {{ $cta_text }}
            @endcomponent
        </td>
    </tr>
</table>

@endcomponent