How to add many paginations on tabs in laravel ???
<li class="{{ request()->input("reports") ? "tab-current" : "not-current-tab" }}">
<a href="#section-linemove-2" class="far fa-newspaper">
<span>{{ __("string.reports") }}</span>
</a>
</li>
<li class="{{ request()->input("newsGallery") ? "tab-current" : "" }}">
<a href="#section-linemove-3" class="far fa-image">
<span>{{ __("string.foto_gallery") }}</span>
</a>
</li>
<li class="{{ request()->input("page") ? "tab-current" : "" }}">
<a href="#section-linemove-4" class="far fa-video">
<span>{{ __("string.video_gallery") }}</span>
</a>
</li>
</ul>
</nav>
<div class="content-wrap mt--30">
<!-- Content sections -->
<section id="section-linemove-1"
class="{{ request()->input("publications") ? "content-current" : "not-current-content" }}">
<div class="service-detials-step-2 inner mt--40">
<!-- stem-area start -->
<div class="row mb--40 g-5 mb_md--20 mb_sm--20">
@include("frontend.includes.publication_element", [
"elements" => $publications,
])
<div class="row">
<div class="col-12">
<div class="text-center">
{{ $publications->links("vendor.pagination.default") }}
</div>
</div>
</div>
</div>
<!-- stem-area End -->
</div>
</section>
<section id="section-linemove-2"
class="{{ request()->input("reports") ? "content-current" : "not-current-content" }}">
<div class="portfolio-area style-3 pb--90 pt--md--60 pb--md-30 pt_xs--60 pb_xs--30">
<div class="container">
<div class="grid row align-items-center">
@foreach ($reports as $report)
<div class="col-lg-4 col-md-6 col-sm-12 grid-item cat3">
<div class="portfolio-wrapper2 mb-30">
<div class="img-fluid">
<img src="{{ $report->pictureUrl }}" alt="{{ $report->name }}"
class="rounded-7">
<div class="portfolio-content">
<a class="fw-bold text-dark"
href="{{ route("reportDetail", $report->id) }}">{{ __("string.view") }}
</a>
</div>
</div>
<div class="portfolio-text">
<div class="text">
<div class="p-title">
<a href="{{ route("reportDetail", $report->id) }}">
{{ $report->name }}
</a>
</div>
</div>
</div>
</div>
</div>
@endforeach
</div>
<div class="row">
<div class="col-12">
<div class="text-center">
{{ $reports->links("vendor.pagination.default") }}
</div>
</div>
</div>
</div>
</div>
</section>
<section id="section-linemove-3 ">
<div class="portfolio-area style-3 pb--90 pt--md--60 pb--md-30 pt_xs--60 pb_xs--30">
<div class="container">
<div class="grid row align-items-center">
@foreach ($newsGallery as $gallery)
<div class="col-lg-4 col-md-6 col-sm-12 grid-item cat3">
<div class="portfolio-wrapper2 mb-30">
<div class="img-fluid">
<img src="{{ $gallery->smallPictureUrl }}"
alt="{{ $gallery->name }}" class="rounded-7">
<div class="portfolio-content">
<a class="fw-bold text-dark" href="#"
data-bs-toggle="modal" data-bs-target="#myModal"
onclick='loadGalleryImages("{{ $gallery->id }}", "{{ $gallery->name }}")'>
{{ __("string.view") }}
</a>
</div>
</div>
<div class="portfolio-text">
<div class="text">
<div class="p-title">
<a class="fw-bold text-dark" href="#"
data-bs-toggle="modal" data-bs-target="#myModal"
onclick='loadGalleryImages("{{ $gallery->id }}", "{{ $gallery->name }}")'>
{{ $gallery->name }}
</a>
</div>
</div>
</div>
</div>
</div>
@endforeach
</div>
<div class="row">
<div class="col-12">
<div class="text-center">
{{ $newsGallery->links("vendor.pagination.default") }}
</div>
</div>
</div>
</div>
</div>
</section>
<section id="section-linemove-4">
<div class="container">
<div class="row">
@foreach ($iframes as $iFrameLink)
<div class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="blog-grid-inner">
<div class="blog-header">
<iframe src="{{ $iFrameLink->iframe_src }}" width="100%"
height="250"></iframe>
</div>
<div class="blog-body">
<a href="{{ route("blogDetailsPage", $iFrameLink->news_id) }}">
<h6 class="title">
{{ \Illuminate\Support\Str::limit($iFrameLink->news_name, 60) }}
</h6>
</a>
<hr class="text-main pt-1 mt-3 mb-0">
</div>
</div>
</div>
@endforeach
</div>
<div class="row">
<div class="col-12">
<div class="text-center">
{{ $newsGallery->links("vendor.pagination.default") }}
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
You will need each Paginator instance to have its own page query parameter, which you can achieve using the pageName argument, e.g.
$publications = Publication::query()
// ... query constraints
->paginate(pageName: 'publications');
$reports = Report::query()
// ... query constraints
->paginate(pageName: 'reports');
$newsGallery = NewsGallery::query()
// ... query constraints
->paginate(pageName: 'news');
Please or to participate in this conversation.