@php
    preg_match_all('/<p>.*?<\/p>/', $content, $matches);
    $paragraphs = $matches[0];
@endphp

<div class="content">
    @foreach ($paragraphs as $index => $paragraph)
        {!! $paragraph !!}

        @if ($index == 1 && count($paragraphs) > 4 && $related->isNotEmpty())
            <!-- Sisipkan "Baca Juga" setelah paragraf ke-2 -->
            <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.tokoh.show', [encode_id($item->id), $item->slug]) }}">
                            {{ $item->nama }}
                        </a>
                    @endforeach
                </div>
            </div>
        @elseif ($index == 4 && count($paragraphs) > 6)
            <!-- Sisipkan Iklan setelah paragraf ke-5 -->
            <div class="bg-gray-300 text-gray-700 flex w-full justify-center p-3 align-middle text-center">
                <div class="text-center">Advertisement.</div>
            </div>
        @elseif ($index == 6 && count($paragraphs) > 8 && $related->isNotEmpty())
            <!-- Sisipkan "Baca Juga" lainnya -->
            <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.tokoh.show', [encode_id($item->id), $item->slug]) }}">
                            {{ $item->nama }}
                        </a>
                    @endforeach
                </div>
            </div>
        @endif
    @endforeach

    @if (count($paragraphs) == 1)
        @if ($related->isNotEmpty())
            <!-- Tampilkan "Baca Juga" di akhir jika hanya 1 paragraf -->
            <div class="relative rounded-sm mt-4">
                <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.tokoh.show', [encode_id($item->id), $item->slug]) }}">
                            {{ $item->nama }}
                        </a>
                    @endforeach
                </div>
            </div>
        @else
            <!-- Tampilkan iklan di akhir jika hanya 1 paragraf dan tidak ada "related" -->
            <div class="bg-gray-300 text-gray-700 flex w-full justify-center p-3 align-middle text-center mt-4">
                <div class="text-center">Advertisement.</div>
            </div>
        @endif
    @endif

    @if (count($paragraphs) > 1 && $related->isEmpty())
        <!-- Tampilkan Iklan jika tidak ada "related" -->
        <div class="bg-gray-300 text-gray-700 flex w-full justify-center p-3 align-middle text-center mt-4">
            <div class="text-center">Advertisement.</div>
        </div>
    @endif
</div>