AnghelutaV's avatar

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>
0 likes
1 reply
tykus's avatar

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.