tailwind.blade.php (7834B)
1 @if ($paginator->hasPages()) 2 <nav role="navigation" aria-label="{{ __('Pagination Navigation') }}" class="flex items-center justify-between"> 3 <div class="flex justify-between flex-1 sm:hidden"> 4 @if ($paginator->onFirstPage()) 5 <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md"> 6 {!! __('pagination.previous') !!} 7 </span> 8 @else 9 <a href="{{ $paginator->previousPageUrl() }}" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> 10 {!! __('pagination.previous') !!} 11 </a> 12 @endif 13 14 @if ($paginator->hasMorePages()) 15 <a href="{{ $paginator->nextPageUrl() }}" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> 16 {!! __('pagination.next') !!} 17 </a> 18 @else 19 <span class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md"> 20 {!! __('pagination.next') !!} 21 </span> 22 @endif 23 </div> 24 25 <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between"> 26 <div> 27 <p class="text-sm text-gray-700 leading-5"> 28 {!! __('Showing') !!} 29 @if ($paginator->firstItem()) 30 <span class="font-medium">{{ $paginator->firstItem() }}</span> 31 {!! __('to') !!} 32 <span class="font-medium">{{ $paginator->lastItem() }}</span> 33 @else 34 {{ $paginator->count() }} 35 @endif 36 {!! __('of') !!} 37 <span class="font-medium">{{ $paginator->total() }}</span> 38 {!! __('results') !!} 39 </p> 40 </div> 41 42 <div> 43 <span class="relative z-0 inline-flex shadow-sm rounded-md"> 44 {{-- Previous Page Link --}} 45 @if ($paginator->onFirstPage()) 46 <span aria-disabled="true" aria-label="{{ __('pagination.previous') }}"> 47 <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5" aria-hidden="true"> 48 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 49 <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> 50 </svg> 51 </span> 52 </span> 53 @else 54 <a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="{{ __('pagination.previous') }}"> 55 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 56 <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> 57 </svg> 58 </a> 59 @endif 60 61 {{-- Pagination Elements --}} 62 @foreach ($elements as $element) 63 {{-- "Three Dots" Separator --}} 64 @if (is_string($element)) 65 <span aria-disabled="true"> 66 <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5">{{ $element }}</span> 67 </span> 68 @endif 69 70 {{-- Array Of Links --}} 71 @if (is_array($element)) 72 @foreach ($element as $page => $url) 73 @if ($page == $paginator->currentPage()) 74 <span aria-current="page"> 75 <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5">{{ $page }}</span> 76 </span> 77 @else 78 <a href="{{ $url }}" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="{{ __('Go to page :page', ['page' => $page]) }}"> 79 {{ $page }} 80 </a> 81 @endif 82 @endforeach 83 @endif 84 @endforeach 85 86 {{-- Next Page Link --}} 87 @if ($paginator->hasMorePages()) 88 <a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="{{ __('pagination.next') }}"> 89 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 90 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> 91 </svg> 92 </a> 93 @else 94 <span aria-disabled="true" aria-label="{{ __('pagination.next') }}"> 95 <span class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-r-md leading-5" aria-hidden="true"> 96 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 97 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> 98 </svg> 99 </span> 100 </span> 101 @endif 102 </span> 103 </div> 104 </div> 105 </nav> 106 @endif