{{--
    Partner Co-Branded Newsletter Template
    Co-branded content with partners

    Required variables:
    - $subject: Email subject
    - $preview_text: Preview text
    - $unsubscribe_url: Unsubscribe link
    - $partner_name: Partner name
    - $partner_logo: Partner logo URL
    - $headline: Headline
    - $body: Content
    - $cta_text: Button text
    - $cta_url: Button URL
--}}
@component('emails.newsletters.base', [
    'subject' => $subject,
    'preview_text' => $preview_text,
    'unsubscribe_url' => $unsubscribe_url ?? '{{UNSUBSCRIBE_URL}}',
    'email' => $email ?? null
])

{{-- Partner Logo Section --}}
@component('emails.organisms.section', ['background' => 'ash', 'colors' => $colors ?? []])
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
            <td align="center">
                <img src="{{ $partner_logo }}" alt="{{ $partner_name }}" style="max-width: 200px; height: auto; display: block; margin: 0 auto;">
            </td>
        </tr>
    </table>

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

    @component('emails.atoms.small', ['colors' => $colors ?? []])
        In Partnership With
    @endcomponent
@endcomponent

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

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

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

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

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

@endcomponent