@php
    $content = preg_replace('/<p>&nbsp;<\/p>/', '', $content);
    // Mencocokkan semua paragraf yang valid
    preg_match_all('/<p>.*?<\/p>/', $content, $matches);
    $paragraphs = $matches[0]; // Array berisi paragraf
    $totalParagraphs = count($paragraphs);
@endphp
{{-- total: {{ $totalParagraphs }}  --}}
<div class="content">
    @if ($totalParagraphs > 0)
        @foreach ($paragraphs as $index => $paragraph)
            {!! $paragraph !!}

@if ($totalParagraphs >= 2 && $totalParagraphs < 10)
@if ($index == 2 && $related->isNotEmpty())
<div class="relative rounded-sm">
    <div class="related-news bg-gray-100 px-4 py-3">
        <h6 class="text-gray-700">Baca Juga</h6>
        @foreach ($related as $item)
        <a class="my-2 leading-tight font-semibold text-lg text-red-600" href="{{ route('frontend.berita.show', [encode_id($item->id), $item->slug]) }}">
            {{ $item->judul }}
        </a>
        @endforeach
    </div>
</div>
@endif
@if ($index == 2 && $related->isEmpty())
                <div class="bg-gray-200 text-gray-700 flex w-full justify-center p-3 align-middle text-center">
                    <div class="text-center text-sm">Advertisement</div>
                </div>
            @endif

@endif
 


            @if ($totalParagraphs > 9)
                @if ($index == 10 && $related->isNotEmpty())
                    <!-- Sisipkan "Baca Juga" setelah paragraf ke-3 -->
                    <div class="relative rounded-sm">
                        <div class="related-news bg-gray-100 px-4 py-3">
                            <h6 class="text-gray-700">Baca Juga</h6>
                            @foreach ($related as $item)
                                <a class="my-2 leading-tight font-semibold text-lg text-red-600" href="{{ route('frontend.berita.show', [encode_id($item->id), $item->slug]) }}">
                                    {{ $item->judul }}
                                </a>
                            @endforeach
                        </div>
                    </div>
                @endif

                @if ($index == 16)
                    <!-- Sisipkan Iklan setelah paragraf ke-5 -->
                    <div class="bg-gray-200 text-gray-700 flex w-full justify-center p-3 align-middle text-center">
                        <div class="text-center text-sm">Advertisement</div>
                    </div>
                @endif

                @if ($index == 22 && $relatedmore->isNotEmpty())
                    <!-- Sisipkan "Baca Juga" setelah paragraf ke-6 -->
                    <div class="relative rounded-sm">
                        <div class="related-news bg-gray-100 px-4 py-3">
                            <h6 class="text-gray-700">Baca Juga</h6>
                            @foreach ($relatedmore as $item)
                                <a class="my-2 leading-tight font-semibold text-lg text-red-600" href="{{ route('frontend.berita.show', [encode_id($item->id), $item->slug]) }}">
                                    {{ $item->judul }}
                                </a>
                            @endforeach
                        </div>
                    </div>
                @endif

                @if ($index == 28)
                    <!-- Sisipkan Iklan setelah paragraf ke-8 -->
                    <div class="bg-gray-200 text-gray-700 flex w-full justify-center p-3 align-middle text-center">
                        <div class="text-center text-sm">Advertisement</div>
                    </div>
                @endif
            @endif
        @endforeach
    @else
        {!! $content !!}
    @endif
</div>