{{--
    Event Announcement Newsletter Template
    Promotes upcoming events with all the details

    Required variables:
    - $subject: Email subject
    - $preview_text: Preview text
    - $unsubscribe_url: Unsubscribe link
    - $event_name: Name of the event
    - $event_date: Date/time of event (parseable by Carbon)
    - $venue_name: Venue name
    - $event_description: Event description
    - $event_image: Event image URL
    - $cta_text: Button text
    - $cta_url: Ticket purchase URL
--}}
@component('emails.newsletters.base', [
    'subject' => $subject,
    'preview_text' => $preview_text,
    'unsubscribe_url' => $unsubscribe_url ?? '{{UNSUBSCRIBE_URL}}',
    'email' => $email ?? null
])

{{-- Event Hero Image --}}
<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
        <td align="center" style="padding-bottom: 32px;">
            <img src="{{ $event_image }}" alt="{{ $event_name }}" style="width: 100%; max-width: 600px; height: auto; display: block; border-radius: 8px;">
        </td>
    </tr>
</table>

{{-- Event Details Card --}}
@component('emails.organisms.card', ['colors' => $colors ?? []])
    @component('emails.atoms.h1', ['colors' => $colors ?? []])
        {{ $event_name }}
    @endcomponent

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

    {{-- Event Info Rows --}}
    @component('emails.molecules.info-row', [
        'label' => 'When',
        'value' => \Carbon\Carbon::parse($event_date)->format('F j, Y @ g:i A'),
        'colors' => $colors ?? [],
        'isLast' => false
    ])
    @endcomponent

    @component('emails.molecules.info-row', [
        'label' => 'Where',
        'value' => $venue_name,
        'colors' => $colors ?? [],
        'isLast' => true
    ])
    @endcomponent

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

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

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

    {{-- Ticket CTA --}}
    <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