@php
    // Count total marketing initiatives from BOTH arrays
    $marketingCount = count($ArrlistingArticlespinitsponser ?? []) + count($ArrlistingArticlespinitsponser2 ?? []);

    // Defaults
    $boxHeight = '500px';
    $showAd = false;

    switch ($marketingCount) {
        case 0:
            $boxHeight = '525px';
            $showAd = true;
            break;

        case 1:
            $boxHeight = '660px';
            break;

        case 2:
            $boxHeight = '635px';
            break;

        case 3:
            $boxHeight = '460px';
            break;

        default:
            $boxHeight = '420px';
            break;
    }
@endphp

<!-- RIGHT SIDEBAR : LATEST NEWS + MARKETING INITIATIVE -->
<div class="lg:w-[31%] md:w-full flex bg-white flex-col gap-4 p-0 lg:p-3 text-base/6 lg:text-[17px] lg:leading-[1.4]">

    {{-- ===================== LATEST NEWS ===================== --}}
    <div class="w-full flex flex-col gap-2 lg:mt-0 mt-10">

        <!-- Header -->
        <div class="flex items-center justify-between mb-1 font-rethink1">
            <h2 class="text-[1.35rem] leading-normal text-black whitespace-nowrap">
                Latest <span class="txt-red">News</span>
            </h2>

            <a href="{{ url('latest-news.html') }}"
                class="text-black border border-gray-300 hover:bg-red-600 hover:text-white transition px-3 py-2 text-sm rounded-2xl">
                View All
            </a>
        </div>

        <!-- Scroll Box -->
        {{-- <div id="autoScrollBox" class="rounded-xl shadow-sm xl:h-[525px] overflow-hidden"> --}}

        <div id="autoScrollBox" class="rounded-xl shadow-sm overflow-visible xl:overflow-hidden"
            style="height:{{ $boxHeight }};">

            {{-- <div class="scroll-content space-y-2" style="height:100%; overflow:auto;"> --}}
            <div class="scroll-content space-y-2 h-full overflow-y-auto">

                {{-- PINNED TOP STORY --}}
                @if (isset($ArrlistingArticlespinitstory) && !empty($ArrlistingArticlespinitstory))
                    <article>
                        <div class="relative w-full flex-shrink-0">
                            <a href="{{ $ArrlistingArticlespinitstory->url }}" class="flex shrink-0">
                                <img src="{{ Config::get('constants.Sitethumbnail') }}{{ $ArrlistingArticlespinitstory->photopath }}"
                                    class="w-full h-auto rounded" alt="{{ $ArrlistingArticlespinitstory->phototitle }}">
                                <span class="absolute bottom-0 right-0 bg-red-600 px-2 text-white text-2xl">
                                    <i class="fa-solid fa-map-pin rotate-45"></i>
                                </span>
                            </a>
                        </div>

                        <a href="{{ $ArrlistingArticlespinitstory->url }}" class="hover:txt-red">
                            <h2 class="mt-2 text-xl lg:text-[17px] lg:leading-[1.4] article-title">
                                {{ Str::limit($ArrlistingArticlespinitstory->title, 90, '...') }}
                            </h2>
                        </a>

                        <p class="text-xs text-gray-500 my-1">
                            <i class="fa-regular fa-clock"></i>
                            <a
                                href="{{ url('') }}/articles/{{ \Carbon\Carbon::parse($ArrlistingArticlespinitstory->publish_date)->format('Y-m-d') }}.html">
                                @if (Carbon\Carbon::parse(
                                        $ArrlistingArticlespinitstory->publish_date . ' ' . $ArrlistingArticlespinitstory->publish_time)->diffInDays() > 1)
                                    {{ Carbon\Carbon::parse($ArrlistingArticlespinitstory->publish_date . ' ' . $ArrlistingArticlespinitstory->publish_time)->format('M j, Y g:i A') }}
                                @else
                                    {{ Carbon\Carbon::parse($ArrlistingArticlespinitstory->publish_date . ' ' . $ArrlistingArticlespinitstory->publish_time)->diffForHumans() }}
                                @endif
                            </a>
                        </p>
                    </article>

                    <hr>
                @endif

                {{-- OTHER NEWS --}}
                @php
                    $newsItems = json_decode($ArrRecentNewsMiddelbarList);
                @endphp

                @forelse ($newsItems as $index => $news)
                    @php
                        $publishDate = \Carbon\Carbon::parse($news->publish_date);
                    @endphp

                    <article class="flex gap-2">
                        <a href="{{ $news->url }}" class="flex-shrink-0 lg:hidden xl:flex">
                            <img src="{{ config('constants.Sitethumbnail') . $news->photopath }}"
                                alt="{{ $news->phototitle }}" class="w-24 h-14 rounded object-cover flex-shrink-0">
                        </a>

                        <div class="flex flex-col">
                            <a href="{{ $news->url }}" class="hover:txt-red">
                                <h2 class="mt-0 article-title">
                                    @if (!empty($news->special) && $news->special != '0')
                                        <b>{!! $news->special !!}&nbsp;</b>
                                    @endif
                                    {{ Str::limit($news->title, 100, '...') }}
                                </h2>
                            </a>

                            <p class="text-xs text-gray-500 my-1">
                                <i class="fa-regular fa-clock"></i>
                                <a href="{{ url('articles/' . $publishDate->format('Y-m-d') . '.html') }}">
                                    @if (Carbon\Carbon::parse($news->publish_date . ' ' . $news->publish_time)->diffInDays() > 1)
                                        {{ Carbon\Carbon::parse($news->publish_date . ' ' . $news->publish_time)->format('M j, Y g:i A') }}
                                    @else
                                        {{ Carbon\Carbon::parse($news->publish_date . ' ' . $news->publish_time)->diffForHumans() }}
                                    @endif
                                </a>
                            </p>
                        </div>
                    </article>

                    <hr>
                @empty
                @endforelse

            </div>
        </div>
    </div>

    {{-- ===================== MARKETING INITIATIVE 1===================== --}}
    @if (count($ArrlistingArticlespinitsponser) > 0)
        <div class="w-full flex flex-col gap-2 mt-0">

            @php
                $label = trim($ArrlistingArticlespinitsponser[0]->name ?? '');
                $words = preg_split('/\s+/', $label, 2);
            @endphp

            <h2 class="text-[1.35rem] leading-normal text-black whitespace-nowrap font-rethink1">
                {{ $words[0] ?? '' }}
                @if (!empty($words[1]))
                    <span class="txt-red">{{ $words[1] }}</span>
                @endif
            </h2>


            @foreach ($ArrlistingArticlespinitsponser as $sp)
                <article class="flex py-1">
                    <img src="{{ Config::get('constants.Sitethumbnail') }}{{ $sp->photopath }}"
                        alt="{{ $sp->phototitle }}"
                        class="w-24 h-14 mr-2 rounded object-cover flex-shrink-0 lg:hidden xl:flex">

                    <h3 class="article-title transition hover:txt-red">
                        <a href="{{ $sp->url }}">{{ $sp->title }}</a>
                    </h3>
                </article>
                <hr>
            @endforeach
        </div>
    @endif



    {{-- ===================== MARKETING INITIATIVE 2===================== --}}
    @if (count($ArrlistingArticlespinitsponser2) > 0)
        <div class="w-full flex flex-col gap-2 mt-0">

            @php
                $label = trim($ArrlistingArticlespinitsponser2[0]->name ?? '');
                $words = preg_split('/\s+/', $label, 2);
            @endphp

            <h2 class="text-[1.35rem] leading-normal text-black whitespace-nowrap font-rethink1">
                {{ $words[0] ?? '' }}
                @if (!empty($words[1]))
                    <span class="txt-red">{{ $words[1] }}</span>
                @endif
            </h2>


            @foreach ($ArrlistingArticlespinitsponser2 as $sp)
                <article class="flex py-1">
                    <img src="{{ Config::get('constants.Sitethumbnail') }}{{ $sp->photopath }}"
                        alt="{{ $sp->phototitle }}"
                        class="w-24 h-14 mr-2 rounded object-cover flex-shrink-0 lg:hidden xl:flex">

                    <h3 class="article-title transition hover:txt-red">
                        <a href="{{ $sp->url }}">{{ $sp->title }}</a>
                    </h3>
                </article>
                <hr>
            @endforeach
        </div>
    @endif




    {{-- ===================== BANNER ===================== --}}
    @if ($showAd && isset($parents[6]))
        <div class="rounded-xl shadow-sm text-center mt-0">
            @if ($parents[6]->status == 1 && $parents[6]->desktop == 1)
                {!! $parents[6]->bscript !!}
            @endif
        </div>
    @endif

</div>
<!-- END RIGHT SIDEBAR -->