{{-- Programmes and Updates: published news_events except newsletters (FrontendStaticPageController@landingV3).
         The 2 latest are feature cards, the rest fill the scrolling list; older items live on /news-announcements. --}}
    @php
        $programmeUpdates = $programmeUpdates ?? collect();
        $featuredUpdates = $programmeUpdates->take(2);
        $moreUpdates = $programmeUpdates->slice(2)->values();
        // The list loops by translating -50%, so it needs a duplicate set; below 4 items it stays still.
        $loopMoreUpdates = $moreUpdates->count() >= 4;
        $locale = app()->getLocale();
        $updateText = fn ($item, string $field) => $item->{$field.'_'.$locale} ?: $item->{$field.'_en'};
        $updateDate = fn ($item) => $item->event_date ?? $item->published_at ?? $item->created_at;
    @endphp

    <section class="content-section news-events-section">

        <div class="container">

            <div class="section-heading mb-4">
                <p class="section-kicker">News & Announcements</p>
                <h2 class="section-title">Programmes and Updates</h2>
                <div class="title-divider">
                    <span></span>
                </div>
                <p class="section-intro">
                    Follow current cultural programmes, exhibitions,
                    institutional activities and public announcements.
                </p>
            </div>

            @if ($programmeUpdates->isEmpty())
                <div class="text-center">
                    <p class="news-empty mb-3">No programmes or updates have been published yet.</p>
                    <a href="{{ route('frontend-v3.news-announcements.index') }}" class="publication-link">View All News & Announcements <i
                            class="bi bi-arrow-right"></i></a>
                </div>
            @else
                <div class="row g-3">
                    @foreach ($featuredUpdates as $update)
                        <div class="col-lg-4 col-md-6">
                            <article class="news-feature-card">
                                <div class="news-feature-image"
                                    style="background-image: url('{{ $newsImageUrl($update->image) }}');">
                                    @if ($date = $updateDate($update))
                                        <span class="news-feature-badge">{{ $date->format('d M Y') }}</span>
                                    @endif
                                </div>
                                <div class="news-feature-body">
                                    <h3>{{ $updateText($update, 'title') }}</h3>
                                    @if ($summary = $updateText($update, 'description') ?: $updateText($update, 'venue'))
                                        <p>{{ str(strip_tags($summary))->squish()->limit(110) }}</p>
                                    @endif
                                    <a href="{{ route('frontend-v3.news-announcements.show', $update->slug) }}" class="publication-link">Read More <i
                                            class="bi bi-arrow-right"></i></a>
                                </div>
                            </article>
                        </div>
                    @endforeach
                    <div class="{{ $featuredUpdates->count() < 2 ? 'col-lg-8 col-md-6' : 'col-lg-4' }}">
                        <article class="news-list-card">
                            <h3>More Updates</h3>
                            @if ($moreUpdates->isEmpty())
                                <p class="news-empty mb-3">More updates will appear here.</p>
                            @else
                                <div class="news-list-scroll {{ $loopMoreUpdates ? '' : 'news-list-scroll--static' }}">
                                    <ul class="news-list">
                                        @foreach ($loopMoreUpdates ? [false, true] : [false] as $isLoopCopy)
                                            @foreach ($moreUpdates as $update)
                                                @php $date = $updateDate($update); @endphp
                                                <li @if ($isLoopCopy) aria-hidden="true" @endif>
                                                    <div class="news-list-date">
                                                        <strong>{{ $date?->format('d') ?: '--' }}</strong>
                                                        <span>{{ $date?->format('M') ?: 'New' }}</span>
                                                    </div>
                                                    <div>
                                                        <p class="news-list-title">
                                                            <a href="{{ route('frontend-v3.news-announcements.show', $update->slug) }}" @if ($isLoopCopy) tabindex="-1" @endif>{{ $updateText($update, 'title') }}</a>
                                                        </p>
                                                        @if ($meta = $updateText($update, 'description') ?: $updateText($update, 'venue'))
                                                            <p class="news-list-meta">{{ str(strip_tags($meta))->squish()->limit(70) }}</p>
                                                        @endif
                                                    </div>
                                                </li>
                                            @endforeach
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <a href="{{ route('frontend-v3.news-announcements.index') }}" class="publication-link">View All News & Announcements <i
                                    class="bi bi-arrow-right"></i></a>
                        </article>
                    </div>
                </div>
            @endif

        </div>

    </section>