@if($paginator->hasPages())
   <div class="flex justify-between py-2 font-poppins-semibold">
      <div class="pagination">

      <!-- prev -->
      @if($paginator->onFirstPage())  
        <a><i class="fas fa-chevron-left fa-lg text-gray-500 cursor-not-allowed"></i></a>
      @else
        <a href="{{ $paginator->previousPageUrl()}}"><i class="fas fa-chevron-left fa-lg cursor-pointer"></i></a>  
      @endif  

      @foreach($elements as $element)
          @foreach($element as $page => $url)
           @if($paginator->currentPage() > 2 && $page === 2 )
             <span>....</span>
           @endif

           @if($page == $paginator->currentPage())  
            <a href="" class="active">{{$page}}</a>
           @elseif($page === 1 || $page === $paginator->currentPage() - 1 || 
                   $page === $paginator->currentPage() + 1  || 
                   $page === $paginator->lastPage())
            <a href="{{$url}}" class="">{{$page}}</a>
           @endif

           @if($paginator->currentPage() < $paginator->lastPage() - 1 && $page === $paginator->lastPage() - 1)
             <span>....</span>
           @endif 
          @endforeach
      @endforeach

      <!-- next -->
      @if($paginator->hasMorePages())  
        <a href="{{ $paginator->nextPageUrl()}}"><i class="fas fa-chevron-right fa-lg cursor-pointer"></i></a>
      @else
        <a><i class="fas fa-chevron-right fa-lg text-gray-500 cursor-not-allowed"></i></a>
      @endif 

      </div>

      <div class="">
         Page {{$paginator->currentPage()}} of {{$paginator->lastPage()}}
      </div>
   </div>
 @endif