{{--
    General Newsletter Template
    Flexible template for any message

    Required variables:
    - $subject: Email subject
    - $preview_text: Preview text
    - $unsubscribe_url: Unsubscribe link
    - $headline: Headline
    - $body: Body content

    Optional variables:
    - $cta_text: Button text (optional)
    - $cta_url: Button URL (optional)
--}}
@component('emails.newsletters.base', [
    'subject' => $subject,
    'preview_text' => $preview_text,
    'unsubscribe_url' => $unsubscribe_url ?? '{{UNSUBSCRIBE_URL}}',
    'email' => $email ?? null
])

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

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

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

{{-- Optional CTA Button --}}
@if(!empty($cta_text) && !empty($cta_url))
    @include('emails.atoms.spacer', ['height' => '32px'])

    <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>
@endif

@endcomponent