@if ($items->total() > 0)
<div class="row">
  <div class="col-sm-6">
    <p class="m-t-sm">
      Showing items {{ $items->firstItem() }} to {{ $items->lastItem() }} out of {{ $items->total() }}
    </p>
  </div>
  <div class="col-sm-6 text-right">
    <ul class="pagination pagination-sm m-t-none m-b-none">

      {{-- Previous Page Link --}}
      @if ($items->onFirstPage())
        <li class="disabled"><span><i class="fa fa-angle-double-left"></i> prev</span></li>
      @else
        <li><a href="javascript:;" data-ajax-url="{{ $index_route }}?page={{ $items->currentPage() - 1 }}">
          <i class="fa fa-angle-double-left"></i> prev</a></li>
      @endif

      {{-- Page Links (show up to 5 around current page) --}}
      @php
        $start = max(1, $items->currentPage() - 2);
        $end = min($items->lastPage(), $items->currentPage() + 2);
      @endphp

      @if ($start > 1)
        <li><a href="javascript:;" data-ajax-url="{{ $index_route }}?page=1">1</a></li>
        @if ($start > 2)
          <li class="disabled"><span>...</span></li>
        @endif
      @endif

      @for ($i = $start; $i <= $end; $i++)
        @if ($i == $items->currentPage())
          <li class="active"><span>{{ $i }}</span></li>
        @else
          <li><a href="javascript:;" data-ajax-url="{{ $index_route }}?page={{ $i }}">{{ $i }}</a></li>
        @endif
      @endfor

      @if ($end < $items->lastPage())
        @if ($end < $items->lastPage() - 1)
          <li class="disabled"><span>...</span></li>
        @endif
        <li><a href="javascript:;" data-ajax-url="{{ $index_route }}?page={{ $items->lastPage() }}">{{ $items->lastPage() }}</a></li>
      @endif

      {{-- Next Page Link --}}
      @if ($items->hasMorePages())
        <li><a href="javascript:;" data-ajax-url="{{ $index_route }}?page={{ $items->currentPage() + 1 }}">next <i class="fa fa-angle-double-right"></i></a></li>
      @else
        <li class="disabled"><span>next <i class="fa fa-angle-double-right"></i></span></li>
      @endif

    </ul>
  </div>
</div>
@endif