how to create pagination to change html in laravel - laravel

Question

<div class="row clearfix">
#foreach($distric->area_list as $area_list)
#foreach($area_list->directory as $directory)
#foreach($directory->dir_category_sub_set as $dir_category_sub_set)
#if($dir_category_sub_set->sub_category_id == '557057')
<div class="col-sm-4 col-xs-6">
<div class="single-product">
<figure>
<img src="/img/content/post-img-12.jpg" alt="">
<div class="rating">
<ul class="list-inline">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star-half-o"></i></li>
<li><i class="fa fa-star-o"></i></li>
</ul>
<p>Featured</p>
</div> <!-- end .rating -->
<figcaption>
<div class="bookmark">
<i class="fa fa-bookmark-o"></i> Bookmark
</div>
<div class="read-more">
<i class="fa fa-angle-right"></i> Read More
</div>
</figcaption>
</figure>
<h4>{{$directory->name_of_the_business_place}}</h4>
<h5>{{$directory->address_no_of_the_business_place}},{{$directory->address_street_of_the_business_place}}, {{$area_list->name}},{{$distric->name}}</h5>
<p>T.P:
#if($directory->phone_of_the_business_place>0)
{{$directory->phone_of_the_business_place}}/
#endif
{{$directory->mobile_of_the_business_place}} <br> {{$directory->created_date}}</p>
<a class="read-more" href="https://hanuma.lk/{{$directory->field_link}}"><i class="fa fa-angle-right"></i>Read More</a>
</div> <!-- end .single-product -->
</div> <!-- end .grid-layout -->
#endif
#endforeach
#endforeach
#endforeach
I have this code and I want to create pagination to this how to do this can I do this without any page refreshing? I can not use laravel pagination method because I do not get data from database directly
I searched different methods to add pagination but I could not fined a suitable method for my project

Answer 1

Laravel has provided paginate method that you can use laravel pagination
you only need to retrieve the data and add the method like:
$documents = District::find($id)->area_list()->directory()->get();
return response()->json($documents);
and show the link of pagination in your view like:
{{$documents->links()}}
#foreach($documents as $document)
{{$document->name}}
#endforeach
finish, this is the example how to use pagination.