@props(['items', 'class' => 'mt-60', 'sectionId' => ''])

@if ($items->hasPages())
    <div class="pagination-wrap {{ $class }}">
        <nav aria-label="Page navigation example">
            <ul class="pagination-list">

                {{-- Previous Page --}}
                <li class="page-item {{ $items->onFirstPage() ? 'disabled' : '' }}">
                    @if ($items->onFirstPage())
                        <span class="page-link pagination-right">
                            <i class="las la-angle-left"></i>
                        </span>
                    @else
                        <a class="page-link pagination-right" href="{{ $items->previousPageUrl() . '#' . $sectionId }}">
                            <i class="las la-angle-left"></i>
                        </a>
                    @endif
                </li>

                {{-- Pagination Links --}}
                @php
                    $start = max($items->currentPage() - 2, 1);
                    $end = min($start + 4, $items->lastPage());
                    $start = max(min($start, $items->lastPage() - 4), 1);
                @endphp

                @if ($start > 1)
                    <li class="page-item"><a class="page-link" href="{{ $items->url(1) . '#' . $sectionId }}">1</a></li>
                    @if ($start > 2)
                        <li class="page-item"><span class="page-link">...</span></li>
                    @endif
                @endif

                @for ($i = $start; $i <= $end; $i++)
                    <li class="page-item {{ $i == $items->currentPage() ? 'active' : '' }}">
                        @if ($i == $items->currentPage())
                            <a class="page-link" href="#">{{ $i }}</a>
                        @else
                            <a class="page-link" href="{{ $items->url($i) . '#' . $sectionId }}">{{ $i }}</a>
                        @endif
                    </li>
                @endfor

                @if ($end < $items->lastPage())
                    @if ($end < $items->lastPage() - 1)
                        <li class="page-item"><span class="page-link">...</span></li>
                    @endif
                    <li class="page-item"><a class="page-link"
                            href="{{ $items->url($items->lastPage()) . '#' . $sectionId }}">{{ $items->lastPage() }}</a>
                    </li>
                @endif

                {{-- Next Page --}}
                <li class="page-item {{ $items->hasMorePages() ? '' : 'disabled' }}">
                    @if ($items->hasMorePages())
                        <a class="page-link next pagination-right"
                            href="{{ $items->nextPageUrl() . '#' . $sectionId }}">
                            <i class="las la-angle-right"></i>
                        </a>
                    @else
                        <span class="page-link next pagination-right">
                            <i class="las la-angle-right"></i>
                        </span>
                    @endif
                </li>

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