@if (!request()->routeIs('news.index'))
    @if ($comments->hasPages())
        <nav aria-label="Page navigation example">
            <ul class="flex items-center -space-x-px h-8 text-sm">

                {{-- Previous Page Link --}}
                <li>
                    @if ($comments->onFirstPage())
                        <span class="flex items-center justify-center px-3 h-8 ms-0 leading-tight text-gray-400 bg-gray-100 dark:bg-gray-800 border border-e-0 border-gray-300 dark:border-gray-700 rounded-s-lg cursor-not-allowed">
                            <span class="sr-only">Previous</span>
                            <svg class="w-2.5 h-2.5 rtl:rotate-180" aria-hidden="true" fill="none" viewBox="0 0 6 10">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4" />
                            </svg>
                        </span>
                    @else
                        <button wire:click="previousPage" wire:loading.attr="disabled" class="flex items-center justify-center px-3 h-8 ms-0 leading-tight text-gray-700 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 border border-e-0 border-gray-300 dark:border-gray-700 rounded-s-lg hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-black dark:hover:text-gray-200">
                            <span class="sr-only">Previous</span>
                            <svg class="w-2.5 h-2.5 rtl:rotate-180" aria-hidden="true" fill="none" viewBox="0 0 6 10">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4" />
                            </svg>
                        </button>
                    @endif
                </li>

                {{-- Pagination Links --}}
                @foreach ($comments->getUrlRange(1, $comments->lastPage()) as $page => $url)
                    <li>
                        @if ($page == $comments->currentPage())
                            <span class="z-10 flex items-center justify-center px-3 h-8 leading-tight bg-indigo-100 dark:bg-gray-600 border border-gray-300 dark:border-gray-600 text-indigo-600 dark:text-white font-semibold">
                                {{ $page }}
                            </span>
                        @else
                            <button wire:click="gotoPage({{ $page }})" class="flex items-center justify-center px-3 h-8 leading-tight text-gray-700 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-black dark:hover:text-white">
                                {{ $page }}
                            </button>
                        @endif
                    </li>
                @endforeach

                {{-- Next Page Link --}}
                <li>
                    @if ($comments->hasMorePages())
                        <button wire:click="nextPage" wire:loading.attr="disabled" class="flex items-center justify-center px-3 h-8 leading-tight text-gray-700 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 border border-gray-300 dark:border-gray-700 rounded-e-lg hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-black dark:hover:text-gray-200">
                            <span class="sr-only">Next</span>
                            <svg class="w-2.5 h-2.5 rtl:rotate-180" aria-hidden="true" fill="none" viewBox="0 0 6 10">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4" />
                            </svg>
                        </button>
                    @else
                        <span class="flex items-center justify-center px-3 h-8 leading-tight text-gray-400 bg-gray-100 dark:bg-gray-800 border border-gray-300 dark:border-gray-700 rounded-e-lg cursor-not-allowed">
                            <span class="sr-only">Next</span>
                            <svg class="w-2.5 h-2.5 rtl:rotate-180" aria-hidden="true" fill="none" viewBox="0 0 6 10">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4" />
                            </svg>
                        </span>
                    @endif
                </li>

            </ul>
        </nav>
    @endif
@endif