@if ($paginator->hasPages())
    <div class="jk-pagination-container">
        <div class="jk-pagination-summary">
            Menunjukkan <strong>{{ $paginator->firstItem() ?? 0 }}</strong> hingga <strong>{{ $paginator->lastItem() ?? 0 }}</strong> daripada <strong>{{ $paginator->total() }}</strong> rekod
        </div>

        <nav class="jk-pagination-nav" role="navigation" aria-label="Navigasi Halaman">
            {{-- Pertama (First Page) --}}
            @if ($paginator->onFirstPage())
                <span class="jk-page-link jk-page-disabled" aria-disabled="true" title="Halaman Pertama">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                        <polyline points="11 17 6 12 11 7"></polyline>
                        <polyline points="18 17 13 12 18 7"></polyline>
                    </svg>
                </span>
            @else
                <a href="{{ $paginator->url(1) }}" class="jk-page-link" rel="first" title="Halaman Pertama">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                        <polyline points="11 17 6 12 11 7"></polyline>
                        <polyline points="18 17 13 12 18 7"></polyline>
                    </svg>
                </a>
            @endif

            {{-- Sebelumnya (Previous Page) --}}
            @if ($paginator->onFirstPage())
                <span class="jk-page-link jk-page-disabled" aria-disabled="true" title="Sebelumnya">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                        <polyline points="15 18 9 12 15 6"></polyline>
                    </svg>
                </span>
            @else
                <a href="{{ $paginator->previousPageUrl() }}" class="jk-page-link" rel="prev" title="Sebelumnya">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                        <polyline points="15 18 9 12 15 6"></polyline>
                    </svg>
                </a>
            @endif

            {{-- Nombor Halaman (Page Numbers) --}}
            @foreach ($elements as $element)
                {{-- Ellipsis Separator --}}
                @if (is_string($element))
                    <span class="jk-page-link jk-page-ellipsis" aria-disabled="true">…</span>
                @endif

                {{-- Array Halaman --}}
                @if (is_array($element))
                    @foreach ($element as $page => $url)
                        @if ($page == $paginator->currentPage())
                            <span class="jk-page-link jk-page-active" aria-current="page">{{ $page }}</span>
                        @else
                            <a href="{{ $url }}" class="jk-page-link">{{ $page }}</a>
                        @endif
                    @endforeach
                @endif
            @endforeach

            {{-- Seterusnya (Next Page) --}}
            @if ($paginator->hasMorePages())
                <a href="{{ $paginator->nextPageUrl() }}" class="jk-page-link" rel="next" title="Seterusnya">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                        <polyline points="9 18 15 12 9 6"></polyline>
                    </svg>
                </a>
            @else
                <span class="jk-page-link jk-page-disabled" aria-disabled="true" title="Seterusnya">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                        <polyline points="9 18 15 12 9 6"></polyline>
                    </svg>
                </span>
            @endif

            {{-- Terakhir (Last Page) --}}
            @if ($paginator->hasMorePages())
                <a href="{{ $paginator->url($paginator->lastPage()) }}" class="jk-page-link" rel="last" title="Halaman Terakhir">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                        <polyline points="13 17 18 12 13 7"></polyline>
                        <polyline points="6 17 11 12 6 7"></polyline>
                    </svg>
                </a>
            @else
                <span class="jk-page-link jk-page-disabled" aria-disabled="true" title="Halaman Terakhir">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                        <polyline points="13 17 18 12 13 7"></polyline>
                        <polyline points="6 17 11 12 6 7"></polyline>
                    </svg>
                </span>
            @endif
        </nav>
    </div>
@elseif ($paginator->total() > 0)
    <div class="jk-pagination-container">
        <div class="jk-pagination-summary">
            Menunjukkan <strong>1</strong> hingga <strong>{{ $paginator->total() }}</strong> daripada <strong>{{ $paginator->total() }}</strong> rekod
        </div>
    </div>
@endif