{{-- "Latest Updates" marquee: reuses $programmeUpdates (latest 10 published News & Announcements,
         FrontendStaticPageController@landingV3). The track runs translateX(0 -> -50%), so below 4 items it stays still. --}}
    @php
        $tickerUpdates = ($programmeUpdates ?? collect())->values();
        $tickerLocale = app()->getLocale();
        $tickerText = fn ($item) => $item->{'title_'.$tickerLocale} ?: $item->title_en;
        $tickerDate = fn ($item) => $item->event_date ?? $item->published_at ?? $item->created_at;
        $loopTicker = $tickerUpdates->count() >= 4;
    @endphp

    <section class="news-ticker-section" aria-label="Latest updates">

        <div class="news-ticker-shell">

            <div class="news-ticker-label">
                <i class="bi bi-megaphone"></i>
                <span>Latest Updates</span>
            </div>

            <div class="news-ticker-window">
                <div class="news-ticker-track {{ $loopTicker ? '' : 'news-ticker-track--static' }}">
                    @foreach ($loopTicker ? [false, true] : [false] as $isLoopCopy)
                        @foreach ($tickerUpdates as $update)
                            <a href="{{ route('frontend-v3.news-announcements.show', $update->slug) }}" class="news-ticker-item" @if ($isLoopCopy) aria-hidden="true" tabindex="-1" @endif>
                                @if ($date = $tickerDate($update))
                                    <span class="news-ticker-date">{{ $date->format('d M') }}</span>
                                @endif
                                <span>{{ $tickerText($update) }}</span>
                            </a>
                        @endforeach
                    @endforeach

                    @if ($tickerUpdates->isEmpty())
                        <span class="news-ticker-item">
                            <span>No latest updates right now</span>
                        </span>
                    @endif
                </div>
            </div>

            <a href="{{ route('frontend-v3.news-announcements.index') }}" class="news-ticker-action" aria-label="View all latest updates">
                <i class="bi bi-arrow-right"></i>
            </a>

        </div>

    </section>