{{-- Event Block Template for Email Newsletter --}}
<table role="presentation" class="content-block" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 30px; border-top: 1px solid #e5e7eb; padding-top: 30px;">
    <tr>
        <td>
            {{-- Image --}}
            @if(isset($post['image']) && $post['image'])
                <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 20px;">
                    <tr>
                        <td align="center">
                            <img src="{{ $post['image'] }}" alt="{{ $post['title'] }}"
                                 style="max-width: 100%; height: auto; display: block; border: 0;"
                                 width="560" />
                        </td>
                    </tr>
                </table>
            @endif

            {{-- Title --}}
            <h2 style="font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: {{ theme_color('text.primary') }}; margin: 0 0 15px 0; padding: 0; line-height: 1.3; ">
                <a href="{{ $post['url'] }}" style="color: {{ theme_color('text.primary') }}; text-decoration: none;">
                    {{ $post['title'] }}
                </a>
            </h2>

            {{-- Category --}}
            @if(isset($post['category']) && $post['category'])
                <table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 15px 0;">
                    <tr>
                        <td style="background-color: {{ theme_color('brand') }}; padding: 4px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold;">
                            {{ $post['category'] }}
                        </td>
                    </tr>
                </table>
            @endif

            {{-- Date, time, Venue and location --}}
            @if(isset($post['venue']) && $post['venue'])
                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: {{ theme_color('brand') }}; margin: 0 0 10px 0; padding: 0; font-weight: bold;">
                    @if(isset($post['event_date']) && $post['event_date'])
                        {{ $post['event_date'] }}
                            @if(isset($post['event_time']) && $post['event_time'])
                            - {{ $post['event_time'] }}
                            @endif
                        <br>{{ $post['venue'] }}
                    @endif
                    @if(isset($post['address']) && $post['address'])
                        <br>{{ $post['address'] }}
                    @endif
                </p>
            @endif

            {{-- Excerpt --}}
            @if(isset($post['excerpt']) && $post['excerpt'])
                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.secondary') }}; margin: 0 0 20px 0; padding: 0; line-height: 1.5;">
                    {{ $post['excerpt'] }}
                </p>
            @endif

            {{-- Organizer --}}
            @if(isset($post['author']) && $post['author'])
                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: {{ theme_color('text.secondary') }}; margin: 0 0 20px 0;">
                    <span style="font-weight: bold;"> {{ __('Organized by') }} {{ $post['author'] }} </span>
                </p>
            @endif

            {{-- Event buttons --}}
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 20px 0;">
                <tr>
                    <td align="center">
                        {{-- Event page button --}}
                        <table role="presentation" class="mobile-button" cellpadding="0" cellspacing="0" border="0" style="display: inline-block; vertical-align: top;">
                            <tr>
                                <td align="center" style="border-radius: 6px; background-color: {{ theme_color('brand') }};">
                                    <!--[if mso]>
                                    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{{ $post['url'] }}" style="height:44px;v-text-anchor:middle;width:150px;" arcsize="14%" stroke="f" fillcolor="{{ theme_color('brand') }}">
                                    <w:anchorlock/>
                                    <center>
                                    <![endif]-->
                                    <a href="{{ $post['url'] }}" style="background-color: {{ theme_color('brand') }}; border-radius: 6px; color: #ffffff; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 12px 20px; text-align: center; text-decoration: none; -webkit-text-size-adjust: none; mso-hide: all;">
                                        {{ __('Event page') }}
                                    </a>
                                    <!--[if mso]>
                                    </center>
                                    </v:roundrect>
                                    <![endif]-->
                                </td>
                            </tr>
                        </table>

                        {{-- Calendar link if available --}}
                        @if(isset($post['calendar_url']) && $post['calendar_url'])
                            <!--[if !mso]><!-->
                            <table role="presentation" class="mobile-button" cellpadding="0" cellspacing="0" border="0" style="display: inline-block; vertical-align: top; margin-left: 10px;">
                            <!--<![endif]-->
                            <!--[if mso]>
                            <table role="presentation" class="mobile-button" cellpadding="0" cellspacing="0" border="0" align="left" style="display: inline-block;">
                            <![endif]-->
                                <tr>
                                    <td align="center" style="border-radius: 6px; background-color: #6b7280;">
                                        <!--[if mso]>
                                        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{{ $post['calendar_url'] }}" style="height:44px;v-text-anchor:middle;width:180px;" arcsize="14%" stroke="f" fillcolor="#6b7280">
                                        <w:anchorlock/>
                                        <center>
                                        <![endif]-->
                                        <a href="{{ $post['calendar_url'] }}" style="background-color: #6b7280; border-radius: 6px; color: #ffffff; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 12px 20px; text-align: center; text-decoration: none; -webkit-text-size-adjust: none; mso-hide: all;">
                                            📅 {{ __('Add to Calendar') }}
                                        </a>
                                        <!--[if mso]>
                                        </center>
                                        </v:roundrect>
                                        <![endif]-->
                                    </td>
                                </tr>
                            </table>
                        @endif
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>