112 lines
5.6 KiB
PHP
112 lines
5.6 KiB
PHP
@if ($paginator->items())
|
|
<nav class="pagination-custom d-flex justify-content-between align-items-center">
|
|
{{-- SELECT ITEMS PER PAGE --}}
|
|
<div class="dropup-center d-flex justify-content-start align-items-center input-group w-fit">
|
|
<span class="btn-md input-group-text" data-bs-toggle="tooltip" title="{{ __('pagination.paginate_list') }}">
|
|
<i class="fa-solid fa-list-ul fa-xl"></i>
|
|
</span>
|
|
<button class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-expanded="false">
|
|
{{ $paginator->perPage() }}
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-limit">
|
|
@foreach (\Domain\Enums\Pagination\ItemsPerPaginationEnum::cases() as $itemsPerPaginationEnum)
|
|
<li>
|
|
<a class="dropdown-item user-select-none @if ($paginator->perPage() === $itemsPerPaginationEnum->value) active @endif text-center"
|
|
href="{{ request()->fullUrlWithQuery(['page' => 1, 'pagination' => $itemsPerPaginationEnum->value]) }}">
|
|
{{ $itemsPerPaginationEnum->value }}
|
|
</a>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
@if ($paginator->hasPages())
|
|
{{-- PAGINATION --}}
|
|
<div class="d-flex justify-content-end align-items-center">
|
|
<ul class="pagination m-0">
|
|
{{-- PREVIOUS PAGE --}}
|
|
<li class="page-item @if ($paginator->onFirstPage()) disabled @endif">
|
|
<a class="page-link d-flex align-items-center h-100" data-bs-toggle="tooltip" title="{{ __('pagination.previous_page') }}"
|
|
@if (!$paginator->onFirstPage()) href="{{ request()->fullUrlWithQuery(['page' => $paginator->currentPage() - 1]) }}" @endif
|
|
rel="prev" @if ($paginator->onFirstPage()) aria-hidden="true" disabled @endif>
|
|
<i class="fa-solid fa-chevron-left fa-2xs mt-1"></i>
|
|
<span class="d-none d-lg-inline ms-1">{{ __('pagination.previous_page') }}</span>
|
|
</a>
|
|
</li>
|
|
{{-- FIRST PAGE --}}
|
|
@if ($paginator->currentPage() > 3)
|
|
<li class="page-item d-none d-sm-block" data-bs-toggle="tooltip" title="{{ __('pagination.specific_page', ['id' => 1]) }}">
|
|
<a class="page-link" href="{{ request()->fullUrlWithQuery(['page' => 1]) }}">1</a>
|
|
</li>
|
|
@endif
|
|
{{-- HIDE PAGES TOO FAR --}}
|
|
@if ($paginator->currentPage() > 4)
|
|
<li class="page-item d-none d-sm-block disabled"><span class="page-link">...</span></li>
|
|
@endif
|
|
{{-- SHOW ACTUAL PAGES + N-2/N+2 --}}
|
|
@foreach (range(1, $paginator->lastPage()) as $i)
|
|
@if ($i >= $paginator->currentPage() - 2 && $i <= $paginator->currentPage() + 2)
|
|
@if ($i == $paginator->currentPage())
|
|
<li class="page-item">
|
|
<div class="dropup-center">
|
|
<button class="btn btn-primary dropdown-toggle rounded-0" data-bs-toggle="dropdown" type="button"
|
|
aria-expanded="false">
|
|
{{ $i }}
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-limit">
|
|
@for ($i = 1; $i <= $paginator->lastPage(); $i++)
|
|
<li>
|
|
<a class="dropdown-item user-select-none @if ($paginator->currentPage() === $i) active @endif text-center"
|
|
href="{{ request()->fullUrlWithQuery(['page' => $i]) }}">
|
|
{{ $i }}
|
|
</a>
|
|
</li>
|
|
@endfor
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
@else
|
|
<li class="page-item d-none d-md-block" data-bs-toggle="tooltip"
|
|
title="{{ __('pagination.specific_page', ['id' => $i]) }}">
|
|
<a class="page-link" href="{{ request()->fullUrlWithQuery(['page' => $i]) }}">{{ $i }}</a>
|
|
</li>
|
|
@endif
|
|
@endif
|
|
@endforeach
|
|
{{-- HIDE PAGES TOO FAR --}}
|
|
@if ($paginator->currentPage() < $paginator->lastPage() - 3)
|
|
<li class="page-item d-none d-sm-block disabled"><span class="page-link">...</span></li>
|
|
@endif
|
|
{{-- LAST PAGE --}}
|
|
@if ($paginator->currentPage() < $paginator->lastPage() - 2)
|
|
<li class="page-item d-none d-sm-block" data-bs-toggle="tooltip"
|
|
title="{{ __('pagination.specific_page', ['id' => $paginator->lastPage()]) }}">
|
|
<a class="page-link"
|
|
href="{{ request()->fullUrlWithQuery(['page' => $paginator->lastPage()]) }}">{{ $paginator->lastPage() }}</a>
|
|
</li>
|
|
@endif
|
|
{{-- NEXT PAGE --}}
|
|
<li class="page-item @if (!$paginator->hasMorePages()) disabled @endif">
|
|
<a class="page-link d-flex align-items-center h-100" data-bs-toggle="tooltip" title="{{ __('pagination.next_page') }}"
|
|
@if ($paginator->hasMorePages()) href="{{ request()->fullUrlWithQuery(['page' => $paginator->currentPage() + 1]) }}" @endif
|
|
rel="next" @if (!$paginator->hasMorePages()) aria-hidden="true" disabled @endif>
|
|
<i class="fa-solid fa-chevron-right fa-2xs mt-1"></i>
|
|
<span class="d-none d-lg-inline ms-1">{{ __('pagination.next_page') }}</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
</nav>
|
|
@push('styles')
|
|
<style nonce="{{ Vite::cspNonce() }}">
|
|
.dropdown-menu-limit {
|
|
max-height: 13rem;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.pagination-custom .page-link {
|
|
white-space: nowrap;
|
|
}
|
|
</style>
|
|
@endpush
|
|
@endif
|