تنظیم pagination

با سلام دوستان من اطلاعات نمایش رو صفحه بندی کردم و این روش یجوریه که تمام صفحه ها رو تو قسمت صفحه ها نشون میده

  <div class="datatable-pager datatable-paging-loaded">
                                <ul class="datatable-pager-nav mb-5 mb-sm-0">
                                    <li><a href="/?page=1" title="اول" class="datatable-pager-link datatable-pager-link-first" data-page="1"><i class="flaticon2-fast-next"></i></a></li>
                                    <li><a href="https://roocket.ir/{{$projects->previousPageUrl()}}" title="قبلی" class="datatable-pager-link datatable-pager-link-prev" data-page="1"><i class="flaticon2-next"></i></a></li><li style=""></li><li style="display: none;"><input type="text" class="datatable-pager-input form-control" title="شماره صفحه"></li>
                                       @foreach(range(1,$projects->lastPage()) as $page)
                                            <li><a href="/?page={{$page}}" class="datatable-pager-link datatable-pager-link-number @if($projects->currentPage() == $page) datatable-pager-link-active @endif">{{ $page }}</a></li><li></li>
                                        @endforeach
                                    <li><a href="https://roocket.ir/{{$projects->nextPageUrl()}}" title="بعدی" class="datatable-pager-link datatable-pager-link-next" data-page="3"><i class="flaticon2-back"></i></a></li>
                                    <li><a href="/?page={{ $projects->lastPage() }}" title="آخری" class="datatable-pager-link datatable-pager-link-last" data-page="35"><i class="flaticon2-fast-back"></i></a></li>
                                </ul>
                            </div>

به این شکل

من میخوام به این شکل درست کنم راه حل چیه دوستان ؟