29 lines
1.5 KiB
PHP
29 lines
1.5 KiB
PHP
<div class="flex justify-between">
|
|
<!-- Previous Page Link -->
|
|
@if ($paginator->onFirstPage())
|
|
<div class="w-32 flex justify-between items-center relative px-4 py-2 border border-theme-border text-sm leading-5 font-medium rounded-md text-theme-muted bg-gray-50">
|
|
<x-icons.arrow-left />
|
|
{{ __('Previous')}}
|
|
</div>
|
|
@else
|
|
<button wire:click="previousPage" id="pagination-mobile-page-previous" class="w-32 flex justify-between items-center relative px-4 py-2 border border-theme-border text-sm leading-5 font-medium rounded-md text-theme-primary bg-white hover:text-theme-muted focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-theme-primary transition ease-in-out duration-150">
|
|
<x-icons.arrow-left />
|
|
{{ __('Previous')}}
|
|
</button>
|
|
@endif
|
|
|
|
|
|
<!-- Next Page pnk -->
|
|
@if ($paginator->hasMorePages())
|
|
<button wire:click="nextPage" id="pagination-mobile-page-next" class="w-32 flex justify-between items-center relative items-center px-4 py-2 border border-theme-border text-sm leading-5 font-medium rounded-md text-theme-primary bg-white hover:text-theme-muted focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-theme-primary transition ease-in-out duration-150">
|
|
{{ __('Next')}}
|
|
<x-icons.arrow-right />
|
|
</button>
|
|
@else
|
|
<div class="w-32 flex justify-between items-center relative px-4 py-2 border border-theme-border text-sm leading-5 font-medium rounded-md text-theme-muted bg-gray-50">
|
|
{{ __('Next')}}
|
|
<x-icons.arrow-right class="inline" />
|
|
</div>
|
|
@endif
|
|
</div>
|