@extends("frontend.mainlayout")

@section("title", "NSS Cell")

@section("banner")

    <section class="color-1 background-10 font-1 fw-400 py-6">

        <div class="container">

            <div class="row">

                <div class="col-lg-8">

                    <div class="fs--1 font-1 mb-2">

                        <a class="mr-2" href="/home">Home</a><span class="fa fa-angle-double-right color-6"></span>

                        <a class="mx-2">NSS Cell</a>

                    </div>

                    <h1 class="fs-3 fs-sm-4 fw-400">NSS Cell</h1>

                    <p class="lead color-4">Welcome to RERF Group of Institutions' NSS Cell,

                        empowering students through

                        community service and social impact.</p>

                </div>

            </div>

            <!--/.row-->

        </div>

        <!--/.container-->

    </section>

@endsection

@section("main")

    <div class="container">

        <div class="row border-color-8 align-items-center font-1">

            <div class="col">

                <div class="flexslider flexslider-simple mt-5">

                    <ul class="slides">

                        <li>

                            <section class="color-white pt-9">

                                <div class="background-holder">

                                    <img class="radius-primary" src="{{ url("/frontend/assets/images/nss/tree.png") }}">

                                </div>

                            </section>

                        </li>

                    </ul>

                </div>

            </div>

        </div>

        <div class="row font-1 py-5">

            <div class="col">

                <p class="fs-1 mb-4 text-justify">

                    Our NSS Cell is a vibrant community of passionate students dedicated to

                    making a positive impact on

                    society. Through a wide array of community service initiatives, we aim to

                    create a meaningful change,

                    promoting social welfare, environmental conservation, and empowering those

                    in need. Join us in our

                    journey of selfless service, personal growth, and contributing to the

                    greater good. Together, let's

                    embrace the spirit of volunteerism and work towards building a brighter,

                    more compassionate world.

                </p>

            </div>

        </div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— Blood Donation Camp</h5>

            </div>

        </div>

        @php

            $bloodDonationImages = [
                "blood 1.jpeg",

                "blood 2.jpeg",

                "blood 3.jpeg",

                "blood 4.jpeg",

                "blood 5.jpeg",

                'blood

	6.jpeg',

                "blood 7.jpeg",
            ];

        @endphp

        <div class="row font-1">

            <div class="col">

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round" data-dots="true" data-nav="false"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-autoplay="true" data-margin="30" data-loop="true">

                    @foreach ($bloodDonationImages as $bloodDonationImage)
                        @php

                            $imageUrl = asset("frontend/assets/images/nss/Blood/" . $bloodDonationImage);

                        @endphp

                        <div class="item"><img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                alt={{ $bloodDonationImage }} /></div>
                    @endforeach

                </div>

            </div>

        </div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h6 class="fs-0 mb-4 mt-5">— Reports</h6>

            </div>

        </div>

        <div class="row font-1">

            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

                <ul>

                    <li>

                        <h6 class="font-1 fs-0 color-black fw-400 mb-0">

                            <a href="{{ url("/frontend/assets/images/nss/Blood/BLOOD DONATION CAMP 24.03.2023.pdf") }}"
                                style="color: #007AFF;" target="_blank" download>BLOOD DONATION CAMP

                                24.03.2023 </a>

                        </h6>

                        <hr class="color-9">

                    </li>

                </ul>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— Clean India Campaign</h5>

            </div>

        </div>

        @php

            $cleanIndiaImages = ["clean 1.jpeg", "clean 2.jpeg", "clean 3.jpeg"];

        @endphp

        <div class="row font-1">

            <div class="col">

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round" data-dots="true" data-nav="false"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-autoplay="true" data-margin="30" data-loop="true">

                    @foreach ($cleanIndiaImages as $cleanIndiaImage)
                        @php

                            $imageUrl = asset("frontend/assets/images/nss/clean india/" . $cleanIndiaImage);

                        @endphp

                        <div class="item"><img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                alt={{ $cleanIndiaImage }} /></div>
                    @endforeach

                </div>

            </div>

        </div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h6 class="fs-0 mb-4 mt-5">— Reports</h6>

            </div>

        </div>

        <div class="row font-1">

            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

                <ul>

                    <li>

                        <h6 class="font-1 fs-0 color-black fw-400 mb-0">

                            <a href="{{ url("/frontend/assets/images/nss/clean india/CLEAN INDIA CAMPAIGN 22.03.2023.pdf") }}"
                                style="color: #007AFF;" target="_blank" download>CLEAN INDIA CAMPAIGN

                                22.03.2023 </a>

                        </h6>

                        <hr class="color-9">

                    </li>

                </ul>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— Digital Poster Making</h5>

            </div>

        </div>

        @php

            $posterImages = [
                "POSTER-1 - Bivash Chandra Majumdar.jpg",

                'HAR GHAR TIRANGA POSTER (subrajoy chowdhury EEE) -

	subrajoy chowdhury-1.jpg',

                "Flag WPS Office - Subhradeep Ghosh-1.jpg",

                "AZADI KI - Bivash Chandra Majumdar-1.jpg",
            ];

        @endphp

        <div class="row font-1">

            <div class="col">

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round" data-dots="true" data-nav="false"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-autoplay="true" data-margin="30" data-loop="true">

                    @foreach ($posterImages as $posterImage)
                        @php

                            $imageUrl = asset("frontend/assets/images/nss/digital poster making/" . $posterImage);

                        @endphp

                        <div class="item"><img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                alt={{ $posterImage }} /></div>
                    @endforeach

                </div>

            </div>

        </div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h6 class="fs-0 mb-4 mt-5">— Reports</h6>

            </div>

        </div>

        <div class="row font-1">

            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

                <ul>

                    <li>

                        <h6 class="font-1 fs-0 color-black fw-400 mb-0">

                            <a href="{{ url("/frontend/assets/images/nss/digital poster making/DIGITAL POSTER 12.08.2022.pdf") }}"
                                style="color: #007AFF;" target="_blank" download>DIGITAL POSTER

                                12.08.2022 </a>

                        </h6>

                        <hr class="color-9">

                    </li>

                </ul>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— Har Ghar Triranga</h5>

            </div>

        </div>

        <div class="row font-1">

            <div class="col">

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round" data-dots="true" data-nav="false"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-autoplay="true" data-margin="30"
                    data-loop="true">

                    <div class="item"><img class="radius-primary object-fit-cover"
                            src="{{ url("/frontend/assets/images/nss/Har Ghar Triranga/har ghar triranga 1.jpeg") }}" />

                    </div>

                    <div class="item"><img class="radius-primary object-fit-cover"
                            src="{{ url("/frontend/assets/images/nss/Har Ghar Triranga/har ghar triranga 2.jpeg") }}" />

                    </div>

                    <div class="item"><img class="radius-primary object-fit-cover"
                            src="{{ url("/frontend/assets/images/nss/Har Ghar Triranga/har ghar triranga 3.jpeg") }}" />

                    </div>

                </div>

            </div>

        </div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h6 class="fs-0 mb-4 mt-5">— Reports</h6>

            </div>

        </div>

        <div class="row font-1">

            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

                <ul>

                    <li>

                        <h6 class="font-1 fs-0 color-black fw-400 mb-0">

                            <a href="{{ url("/frontend/assets/images/nss/Har Ghar Triranga/HAR GHAR TIRANGA 15.08.2022.pdf") }}"
                                style="color: #007AFF;" target="_blank" download>HAR GHAR TIRANGA

                                15.08.2022 </a>

                        </h6>

                        <hr class="color-9">

                    </li>

                </ul>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— Tree Plantation</h5>

            </div>

        </div>

        @php

            $treeImages = ["tree 1.jpeg", "tree 2.jpeg", "tree 3.jpeg", "tree 4.jpeg", "tree 5.jpeg"];

        @endphp

        <div class="row font-1">

            <div class="col">

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round" data-dots="true" data-nav="false"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-autoplay="true" data-margin="30"
                    data-loop="true">

                    @foreach ($treeImages as $treeImage)
                        @php

                            $imageUrl = asset("frontend/assets/images/nss/tree/" . $treeImage);

                        @endphp

                        <div class="item"><img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                alt={{ $treeImage }} /></div>
                    @endforeach

                </div>

            </div>

        </div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h6 class="fs-0 mb-4 mt-5">— Reports</h6>

            </div>

        </div>

        <div class="row font-1">

            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

                <ul>

                    <li>

                        <h6 class="font-1 fs-0 color-black fw-400 mb-0">

                            <a href="{{ url("/frontend/assets/images/nss/tree/TREE PLANTATION 22.03.2023.pdf") }}"
                                style="color: #007AFF;" target="_blank" download>TREE PLANTATION

                                22.03.2023 </a>

                        </h6>

                        <hr class="color-9">

                    </li>

                </ul>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— Gram Anukulan</h5>

            </div>

        </div>

        <div class="row font-1">

            <div class="col">

                @php

                    $imageFiles = [
                        "GramAnukulan-01.webp",
                        "GramAnukulan-02.webp",
                        "GramAnukulan-03.webp",
                        "GramAnukulan-04.webp",
                        "GramAnukulan-05.webp",
                        "GramAnukulan-06.webp",
                        "GramAnukulan-07.webp",
                        "GramAnukulan-08.webp",
                        "GramAnukulan-09.webp",
                        "GramAnukulan-10.webp",
                        "GramAnukulan-11.webp",
                        "GramAnukulan-12.webp",
                        "GramAnukulan-13.webp",
                        "GramAnukulan-14.webp",
                    ];

                @endphp

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round" data-dots="true" data-nav="false"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-autoplay="true" data-margin="30"
                    data-loop="true">

                    @foreach ($imageFiles as $imageFile)
                        @php

                            $imageUrl = asset("frontend/assets/images/nss/GramAnukulan/" . $imageFile);

                        @endphp

                        <div class="item">

                            <img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                alt={{ $imageFile }} />

                        </div>
                    @endforeach

                </div>

            </div>

        </div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h6 class="fs-0 mb-4 mt-5">— Reports</h6>

            </div>

        </div>

        <div class="row font-1">

            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

                <ul>

                    <li>

                        <h6 class="font-1 fs-0 color-black fw-400 mb-0">

                            <a href="{{ url("/frontend/assets/images/nss/GramAnukulan/GRAM ANUKULAN-2023.pdf") }}"
                                style="color: #007AFF;" target="_blank" download>Gram Anukulan

                                28.07.2023 </a>

                        </h6>

                        <hr class="color-9">

                    </li>

                </ul>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— National Sports day</h5>

            </div>

        </div>

        <div class="row font-1">

            <div class="col">

                @php

                    $imageFiles = [
                        "National Sports day-01.webp",

                        "National Sports day-02.webp",

                        "National Sports day-03.webp",

                        "National Sports day-04.webp",

                        "National Sports day-05.webp",

                        "National Sports day-06.webp",

                        'National

			Sports day-07.webp',

                        "National Sports day-08.webp",

                        "National Sports day-09.webp",

                        'National Sports

			day-10.webp',

                        "National Sports day-11.webp",

                        "National Sports day-12.webp",

                        "National Sports day-13.webp",

                        "National Sports day-14.webp",

                        "National Sports day-15.webp",

                        "National Sports day-16.webp",

                        'National

			Sports day-17.webp',

                        "National Sports day-18.webp",

                        "National Sports day-19.webp",
                    ];

                @endphp

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-dots="true" data-nav="false"
                    data-autoplay="true" data-margin="30" data-loop="true">

                    @foreach ($imageFiles as $imageFile)
                        @php

                            $imageUrl = asset("frontend/assets/images/nss/National Sports day/" . $imageFile);

                        @endphp

                        <div class="item" style="display: flex">

                            <img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                alt={{ $imageFile }}
                                style="max-height: 260px; height:auto; width:auto; margin-left: auto; margin-right: auto" />

                        </div>
                    @endforeach

                </div>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— Celebration of Tree Maintenance</h5>

            </div>

        </div>

        <div class="row font-1">

            <div class="col">

                @php

                    $imageFiles = [
                        "Celebration of tree maintenance-01.webp",

                        "Celebration of tree maintenance-02.webp",

                        "Celebration of tree maintenance-03.webp",

                        "Celebration of tree maintenance-04.webp",

                        "Celebration of tree maintenance-05.webp",

                        "Celebration of tree maintenance-06.webp",

                        "Celebration of tree maintenance-07.webp",

                        "Celebration of tree maintenance-08.webp",

                        "Celebration of tree maintenance-09.webp",

                        "Celebration of tree maintenance-10.webp",

                        "Celebration of tree maintenance-11.webp",

                        "Celebration of tree maintenance-12.webp",

                        "Celebration of tree maintenance-13.webp",

                        "Celebration of tree maintenance-14.webp",

                        "Celebration of tree maintenance-15.webp",

                        "Celebration of tree maintenance-16.webp",

                        "Celebration of tree maintenance-17.webp",

                        "Celebration of tree maintenance-18.webp",

                        "Celebration of tree maintenance-19.webp",

                        "Celebration of tree maintenance-20.webp",

                        "Celebration of tree maintenance-21.webp",

                        "Celebration of tree maintenance-22.webp",

                        "Celebration of tree maintenance-23.webp",

                        "Celebration of tree maintenance-24.webp",

                        "Celebration of tree maintenance-25.webp",
                    ];

                @endphp

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-dots="true" data-nav="false"
                    data-autoplay="true" data-margin="30" data-loop="true">

                    @foreach ($imageFiles as $imageFile)
                        @php

                            $imageUrl = asset(
                                "frontend/assets/images/nss/Celebration of tree maintenance/" . $imageFile,
                            );

                        @endphp

                        <div class="item" style="display: flex">

                            <img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                alt={{ $imageFile }}
                                style="max-height: 260px; height:auto; width:auto; margin-left: auto; margin-right: auto" />

                        </div>
                    @endforeach

                </div>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— Kargil Vijay Diwas</h5>

            </div>

        </div>

        <div class="row font-1">

            <div class="col">

                @php

                    $imageFiles = ["Img 1.webp"];

                @endphp

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-dots="true" data-nav="false"
                    data-autoplay="true" data-margin="30" data-loop="true">

                    @foreach ($imageFiles as $imageFile)
                        @php

                            $imageUrl = asset("frontend/assets/images/nss/Kargil Vijay Diwas/" . $imageFile);

                        @endphp

                        <div class="item" style="display: flex">

                            <img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                alt={{ $imageFile }}
                                style="max-height: 260px; height:auto; width:auto; margin-left: auto; margin-right: auto" />

                        </div>
                    @endforeach

                </div>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— Engineering Day</h5>

            </div>

        </div>

        <div class="row font-1">

            <div class="col">

                @php

                    $imageFiles = [
                        "ed (1).webp",
                        "ed (2).webp",
                        "ed (3).webp",
                        "ed (4).webp",
                        "ed (5).webp",
                        "ed (6).webp",
                        "ed (7).webp",
                        "ed (8).webp",
                        "ed (9).webp",
                        "ed (10).webp",
                        "ed (11).webp",
                        "ed (12).webp",
                    ];

                @endphp

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-dots="true" data-nav="false"
                    data-autoplay="true" data-margin="30" data-loop="true">

                    @foreach ($imageFiles as $imageFile)
                        @php

                            $imageUrl = asset("frontend/assets/images/nss/engineering_day/" . $imageFile);

                        @endphp

                        <div class="item" style="display: flex">

                            <img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                alt={{ $imageFile }}
                                style="max-height: 260px; height:auto; width:auto; margin-left: auto; margin-right: auto" />

                        </div>
                    @endforeach

                </div>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— NSS Day Celebration</h5>

            </div>

        </div>

        <div class="row font-1">

            <div class="col">

                @php

                    $imageFiles = [
                        "NSS-DAY-01.webp",
                        "NSS-DAY-02.webp",
                        "NSS-DAY-03.webp",
                        "NSS-DAY-04.webp",
                        "NSS-DAY-05.webp",
                        "NSS-DAY-06.webp",
                        "NSS-DAY-07.webp",
                        "NSS-DAY-08.webp",
                        "NSS-DAY-09.webp",
                        "NSS-DAY-10.webp",
                        "NSS-DAY-11.webp",
                    ];

                @endphp

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-dots="true" data-nav="false"
                    data-autoplay="true" data-margin="30" data-loop="true">

                    @foreach ($imageFiles as $imageFile)
                        @php

                            $imageUrl = asset("/frontend/assets/images/nss/NSS Day Celebration 2023/" . $imageFile);

                        @endphp

                        <div class="item" style="display: flex">

                            <img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                alt={{ $imageFile }}
                                style="max-height: 260px; height:auto; width:auto; margin-left: auto; margin-right: auto" />

                        </div>
                    @endforeach

                </div>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— Thalassaemia Screening Camp</h5>

            </div>

        </div>

        <div class="row font-1">

            <div class="col">

                @php

                    $imageFiles = [
                        "Thalassaemia screening camp-01.webp",

                        "Thalassaemia screening camp-02.webp",

                        "Thalassaemia screening camp-03.webp",

                        "Thalassaemia screening camp-04.webp",

                        "Thalassaemia screening camp-05.webp",

                        "Thalassaemia screening camp-06.webp",

                        "Thalassaemia screening camp-07.webp",

                        "Thalassaemia screening camp-08.webp",

                        "Thalassaemia screening camp-09.webp",

                        "Thalassaemia screening camp-10.webp",

                        "Thalassaemia screening camp-11.webp",

                        "Thalassaemia screening camp-12.webp",

                        "Thalassaemia screening camp-13.webp",

                        "Thalassaemia screening camp-14.webp",

                        "Thalassaemia screening camp-15.webp",

                        "Thalassaemia screening camp-16.webp",

                        "Thalassaemia screening camp-17.webp",

                        "Thalassaemia screening camp-18.webp",

                        "Thalassaemia screening camp-19.webp",

                        "Thalassaemia screening camp-20.webp",

                        "Thalassaemia screening camp-21.webp",

                        "Thalassaemia screening camp-22.webp",

                        "Thalassaemia screening camp-23.webp",

                        "Thalassaemia screening camp-24.webp",

                        "Thalassaemia screening camp-25.webp",

                        "Thalassaemia screening camp-26.webp",

                        "Thalassaemia screening camp-27.webp",

                        "Thalassaemia screening camp-28.webp",
                    ];

                @endphp

                <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round"
                    data-items='{"0":{"items":2},"400":{"items":3}}' data-dots="true" data-nav="false"
                    data-autoplay="true" data-margin="30" data-loop="true">

                    @foreach ($imageFiles as $imageFile)
                        @php

                            $imageUrl = asset("/frontend/assets/images/nss/Thalassaemia screening camp/" . $imageFile);

                        @endphp

                        <div class="item" style="display: flex">

                            <img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                alt={{ $imageFile }}
                                style="max-height: 260px; height:auto; width:auto; margin-left: auto; margin-right: auto" />

                        </div>
                    @endforeach

                </div>

            </div>

        </div>

        <div class="pb-5"></div>

        <div style="" class="container py-5">

            @php

                $baseImagePath = "uploads/Committee/NSS Cell/Events/";

                $imageSets = [
                    [
                        "title" => "Engineers' Day 2023",

                        "folder" => "Engineers' Day 2023",
                    ],
                ];

                function getImagesFromFolder($folder, $allowedExtensions = ["webp", "jpg", "jpeg", "png"])
                {
                    $directory = public_path("{$folder}/");

                    return collect(File::files($directory))->filter(function ($file) use ($allowedExtensions) {
                        return in_array(strtolower($file->getExtension()), $allowedExtensions);
                    });
                }

            @endphp

            @foreach ($imageSets as $imageSet)
                <div class="row align-items-center font-1">

                    <div class="col">

                        <h5 class="mb-4">— {{ $imageSet["title"] }}</h5>

                    </div>

                </div>

                <div class="row font-1 mt-5">

                    <div class="col">

                        <div class="owl-carousel owl-theme owl-nav-outer owl-dot-round" data-dots="true" data-nav="false"
                            data-items='{"0":{"items":2},"400":{"items":3}}' data-autoplay="true" data-margin="30"
                            data-loop="true">

                            @foreach (getImagesFromFolder("{$baseImagePath}{$imageSet["folder"]}") as $file)
                                @php $imageUrl = asset("{$baseImagePath}{$imageSet['folder']}/" . $file->getFilename()); @endphp

                                <div class="item">

                                    <img class="radius-primary object-fit-cover" src="{{ $imageUrl }}"
                                        alt="{{ $imageSet["folder"] }} - {{ $file->getFilename() }}" />

                                </div>
                            @endforeach

                        </div>

                    </div>

                </div>

                <div class="pb-5"></div>
            @endforeach

            <div class="pb-5"></div>

        </div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="fs-1 mb-4 mt-2">— Other Event Reports</h5>

            </div>

        </div>

        @php

            $events = [
                [
                    "title" => "YOGA DAY 21.06.2023",

                    "file" => "/frontend/assets/images/nss/events/YOGA DAY 21.06.2023.pdf",
                ],

                [
                    "title" => "WORLD ENVIRONMENT DAY 05.06.2022",

                    "file" => "/frontend/assets/images/nss/events/WORLD ENVIRONMENT DAY 05.06.2022.pdf",
                ],

                [
                    "title" => "RASHTRIYA POSHAN MAAH 14.09.2022",

                    "file" => "/frontend/assets/images/nss/events/RASHTRIYA POSHAN MAAH 14.09.2022.pdf",
                ],
            ];

        @endphp

        <div class="row font-1">

            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

                <ul>

                    @foreach ($events as $event)
                        <li>

                            <h6 class="font-1 fs-0 color-black fw-400 mb-0">

                                <a href="{{ url($event["file"]) }}" style="color: #007AFF;" target="_blank" download>

                                    {{ $event["title"] }} </a>

                            </h6>

                            <hr class="color-9">

                        </li>
                    @endforeach

                </ul>

            </div>

        </div>

        <div class="pb-5"></div>

        <div class="row align-items-center font-1">

            <div class="col">

                <h5 class="mb-4">— Members of NSS</h5>

            </div>

        </div>

        @php

            $members = [
                [
                    "name" => "Prabal Kumar Basak",

                    "designation" => "PO NSS",

                    "image" => "/frontend/assets/images/nss/Members/Prabal kumar basak PO-NSS.webp",
                ],

                [
                    "name" => "Barnita das",

                    "designation" => "Member NSS",

                    "image" => "/frontend/assets/images/nss/Members/Barnita das Member-Nss.webp",
                ],

                [
                    "name" => "Chinmay Majumder",

                    "designation" => "Member NSS",

                    "image" => "/frontend/assets/images/nss/Members/Chinmay majumder Member-Nss.webp",
                ],

                [
                    "name" => "Subhadeep Mondal",

                    "designation" => "Member NSS",

                    "image" => "/frontend/assets/images/nss/Members/Subhadeep mondal Member-Nss.webp",
                ],

                [
                    "name" => "Amit Ghosh",

                    "designation" => "Member NSS",

                    "image" => "/frontend/assets/images/nss/Members/Amit Ghosh Member NSS.webp",
                ],

                [
                    "name" => "Aninda Das",

                    "designation" => "Member NSS",

                    "image" => "/frontend/assets/images/nss/Members/Aninda Das,Member ,NSS.webp",
                ],

                [
                    "name" => "Prodip Mozumdar",

                    "designation" => "Member NSS",

                    "image" => "/frontend/assets/images/nss/Members/Prodip Mozumdar Member NSS.webp",
                ],

                [
                    "name" => "Amrita Chakraborty",

                    "designation" => "Member NSS",

                    "image" => "/frontend/assets/images/nss/Members/Amrita Chakraborty .webp",
                ],
            ];

        @endphp

        <div class="row">

            @foreach ($members as $member)
                <div class="col-sm-6 col-md-4 col-lg-3 p-4">

                    <img class="radius-round px-5" src="{{ asset($member["image"]) }}" alt={{ $member["name"] }}>

                    <div style="text-align: center">

                        <h5 class="fs-0 mb-1 mt-3">{{ $member["name"] }}</h5>

                        <div class="fs--1 color-6 text-uppercase font-1">

                            {{ $member["designation"] }}

                        </div>

                    </div>

                </div>
            @endforeach

        </div>

        <div class="pb-5"></div>

    </div>

@endsection