51 lines
2.5 KiB
PHP
51 lines
2.5 KiB
PHP
<div class="flex overflow-hidden border border-theme-border divide-x divide-gray-300 rounded pagination">
|
|
<!-- Previous Page Link -->
|
|
@if ($paginator->onFirstPage())
|
|
<button class="relative inline-flex items-center px-2 py-2 text-sm font-medium leading-5 text-theme-muted bg-white"
|
|
disabled>
|
|
<span>«</span>
|
|
</button>
|
|
@else
|
|
<button wire:click="previousPage"
|
|
id="pagination-desktop-page-previous"
|
|
class="relative inline-flex items-center px-2 py-2 text-sm font-medium leading-5 text-theme-muted transition duration-150 ease-in-out bg-white hover:text-theme-muted focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-theme-muted">
|
|
<span>«</span>
|
|
</button>
|
|
@endif
|
|
|
|
<div class="divide-x divide-gray-300">
|
|
@foreach ($elements as $element)
|
|
@if (is_string($element))
|
|
<button class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-theme-primary bg-white" disabled>
|
|
<span>{{ $element }}</span>
|
|
</button>
|
|
@endif
|
|
|
|
<!-- Array Of Links -->
|
|
|
|
@if (is_array($element))
|
|
@foreach ($element as $page => $url)
|
|
<button wire:click="gotoPage({{ $page }})"
|
|
id="pagination-desktop-page-{{ $page }}"
|
|
class="-mx-1 relative inline-flex items-center px-4 py-2 text-sm leading-5 font-medium text-theme-primary hover:text-theme-muted focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-theme-primary transition ease-in-out duration-150 {{ $page === $paginator->currentPage() ? 'bg-gray-100' : 'bg-white' }}">
|
|
{{ $page }}
|
|
</button>
|
|
@endforeach
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
|
|
<!-- Next Page Link -->
|
|
@if ($paginator->hasMorePages())
|
|
<button wire:click="nextPage"
|
|
id="pagination-desktop-page-next"
|
|
class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium leading-5 text-theme-muted transition duration-150 ease-in-out bg-red hover:text-theme-muted focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-theme-muted">
|
|
<span>»</span>
|
|
</button>
|
|
@else
|
|
<button
|
|
class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium leading-5 text-theme-muted bg-white "
|
|
disabled><span>»</span></button>
|
|
@endif
|
|
</div>
|